1.CSS样式优先级
元素上的样式> style中嵌入的样式>外部样式文件,其实不太准确,应当是当嵌入式出现在外部样式的后面时,按照style出现的顺序来渲染的,后面出现的会覆盖前面的。
同一个样式文件中,元素选择器越精确优先级越高,id选择器(100)>类选择器(10)>元素选择器(1),根据权值(累计值)来确定使用哪种样式(继承的权值最低);权值相同,出现越靠后的优先级越高;
若要让某个样式优先级变高,可使用!important,例如:color: bule !important;
浏览器默认的样式<网页制作者设定的样式<用户设定的样式,但应用了!important则高于用户设定的样式。
2. 同一个元素可以有多个类,如<span class="className1 className2">,但id只能有一个。
3.子选择器
ele1>ele2:用于选择指定元素ele1的第一代(即直接后代,不包括嵌套的ele2)子元素ele2.
ele1 ele2:用于选择指定元素 ele1的所有后代子元素ele2
4. 伪选择器
a:hover
5.继承性:CSS中某些样式具有继承性,对某元素设置了样式,也适用于其子元素,如color,但某些不具备继承性,如border
6.缩进:text-indent属性
行距:line-height
字母间距:letter-spacing
单词间距:word-spacing
7.为块状元素中的文本或图片设置位置: blockEle{text-align:center/left/right;}
8.块级元素 display:block;
独占一行(扩充满正行)
可设置宽度、高度、行高、顶底边距
未设置宽度时时父元素宽度的100%
9.内联元素 display:inline;
和其他元素在一行
不可设置宽度、高度、行高、顶底边距
其宽度为包含的图片或文字的宽度,不可调节
10.内联块元素 display:inline-block
和其他元素在一行,但可设置宽度、高度、行高、顶底边距,如 img、input
11.width
(1)width和heig