块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select imgalign ：规定 div 元素中的内容的水平对齐方式。
text-align：规定“元素中”的文本的水平对齐方式。
两个属性使用的地方不一样，但是作用一样！
div与span的区别：display值不同；span元素宽度是被包围的内容宽度决定，宽度是根据元素内容定的，不可改变（可以理解成它仅有内容，没有填充）
- 行内元素同一行水平排列。
- 块级元素各占据一行，垂直方向排列。
- 块级元素可以包含行内元素和块级元素。但行内元素不能包含块级元素。
- 行内元素与块级元素属性的不同，主要是盒模型属性上。
- 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候，参照的是父元素的宽度。
比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50px
ine-height:行高属性 对文字高度有效
特性：line-height和height组合到一块儿，就是如果把它们的值设置的一样了，文字就会在垂直方向居中让文字垂直居中对齐，如果有多行文字要垂直居中需要写display:inline内联元素
如果设置元素垂直对齐，需使用vertical-align:middle;（vertical-align只对行内元素有效对块内元素无效，display：‘table-cell’ ）
表格：white-space: nowrap;使表格随着内容自动适应宽度 td {text-align:center}
table消除 td 之间的间距<table cellspacing="0">
内联样式>内部样式>外部样式 (内部样式写在外部样式的后面)
id选择器与类选择器的区别：1.id只能唯一 2.一个元素可以有多个class
定义垂直方向平铺语法：background-repeat:repeat-y
用background属性值顺序background-color --> background-image --> background-repeat --> background-attachment --> background-position
链接的四种状态（伪类）：(a:link（未访问） a:visited)--后-- a:hover----后--- a:active
CSS选择器：
CSS分组选择器 h1, p{color:gray;}为 HTML 中多个标签元素设置同一个样式时，就可以使用分组选择符（,）；
通配符选择器 用 * 表示；
后代选择器，他能够应用于选择器内部的选择器的样式 也叫嵌套选择器 p a{color:gray;};
属性选择器：[title]{ color:red; } 将所有带有title属性的元素设置样式 属性与值选择器[title=Hello]{ color:blue; }
CSS选择符：
空格 后代选择器 包含在其下的所有元素
> 子元素选择器 与后代选择器相比，子元素选择器只能选择作为某元素子元素
+ 相邻兄弟元素选择器 所有位于 div 元素后的第一个 p 元素：div+p
~ 普通兄弟选择器
CSS伪类 （与class差不多的意思 css自己的classs属性）
选择器:伪类{attr:value;} | 选择器.class:伪类{attr:value;}
:first-child 伪类来选择元素的第一个元素 （选择所有 p 元素中的第一个子元素 b。选择器使用 p>b:first-child ）
:last-child 伪类来选择元素的最后个元素
:nth-child(n) 选择器匹配父元素中的第 n 个子元素
伪类::not(:last-child)排除掉最后一个元素
使用 :lang 伪类可以为不同的语言定义特殊的规则
CSS伪元素
选择器:伪元素{attr:value;} | 选择器.class:伪元素{attr:value;}
::before 伪元素 伪元素可以在元素的内容前面插入新内容。结合content使用
::after 伪元素在元素的内容后插入新的内容（h1:after{ content:url(images/logo.gif); }）（两者都用于装饰当前元素，他们并不是节点，不会出现在dom树中，但是在显示上具备节点的效果）
①、content:none 该值是默认值，不插入内容。
②、content:"string" 插入文本。
③、content:attr(属性) 插入标签属性值。
④、content:url(路径) 使用指定的绝对或相对地址插入一个外部资源，可以是图像，音频，视频或浏览器支持的其他任何资源。
::first-line 伪元素用于向文本的首行设置特殊样式。(只能用于块级元素)
::first-letter 伪元素用于向文本的首字母设置特殊样式。(只能用于块级元素)
以上内容参考https://www.cnblogs.com/Mtime/p/5184685.htmll
CSS3:
trasform属性 下面主要有ratate(30deg) 旋转 translate(x,y)移动 skew（x,y）扭曲 scale()缩放
text-shadow属性表示阴影
text-shadow: h-shadow v-shadow blur color;