CSS那些事读书笔记：第一章

第一章：

1、学习CSS，最好的方法就是不断地做不断的想，不断的实践。

2、CSS语法结构主要由两部分组成：选择符和声明。

3、CSS中对于颜色的表现形式有四种

• 十六进制形式，如：p{color:#FF00FF};
• RGB函数形式，如：p{color:RGB（135,0,224）};
• 0%~100%之间的数字，数字一定是整数，如p{RGB(25%,0%,100%)};
• 颜色名称，如p{color:red};
• 用户系统色盘值，如，background windowtext,如：p{color:windowtext;background-color:background}

4、（其实不够全，建议看CSS手册）元素选择符包括：

• 通配选择符：*
• 类选择符：class
• 包含选择符 作用于某个元素的子元素
• 子选择符  >
• 相邻选择符 p+strong 匹配同一个父级下某个元素之后的元素。
• 属性选择符：

1. E[attr] 比如*[calss]
2. E[attr="value"]匹配具有"attr"属性且属性值为"value"的E标签元素。
3. E[attr~="value"]匹配具有"attr"属性且属性值必须是具有空格符号隔开的字段，其中一个字段属于value的E标签  元素
4. E[attr|="value"] 匹配具有"attr"属性且属性值必须是以value值开始及使用连字符（-）分隔的E标签元素

• ID选择符

2、选择符的组合关系：

• 针对性使用选择符或者ID选择符
• 选择符群组
• 选择符组合

3、伪类：可以用来制定一个或者多个与其相关的选择符的状态，伪类形式：选择符：伪类{属性：属性值}

伪对象：是指在HTML的文档指定的信息之外，创建了一个文档的额外信息。伪对象形式：选择符：伪对象{属性：属性值；}

4、CSS样式所采用的优先顺序为：

5、选择符优先级：

• style属性：优先级积分为1000；
• ID选择符：优先级积分为100
• 类选择符、属性选择符：优先级积分为10
• 标签选择符、伪类及伪对象：优先级积分为1
• 其他选择符，如通配符选择符等：优先级积分为0

6、把CSS引入到HTML页面中，一般分为3种。

• 直接卸载标签元素的属性style中，通常称为行间样式

• 将样式卸载<style></style>标签之内，通常称为内嵌样式

• 通过<link/>方式外链CSS样式文件，通常称为外联样式表

• 通过@import关键字导入外部CSS样式文件，通常称为导入样式