CSS基础学习笔记

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