关于CSS3的代码总结（部分）

Posted 2020-06-24 ???!!!

1. 构造样式表：selector{

                   Property:value;

                   Property:value;

                  }

Selector是需要更改样式的元素，property为css属性的名称，value应用的哪种格式

2. /*    注释   */

3. 当规则发生冲突时，服务器优先选择特殊性强的；靠后出现的；带有！important的

4. CSS属性的值可分为：继承值（在value处输入inherit），预定义值（left,right,none）,长度或者百分数，纯数字，颜色

5. CSS颜色分为：RGB(color:rgb(红，绿，蓝))（均用0~255数字表示）；十六进制数（color:#红色绿色蓝色）(蓝色可转化为十六进制)；RGBA(红色，绿色，蓝色，透明度)（透明度用0~1之间的小数表示，其中1表示完全不透明）；HSL(色相，饱和度，亮度)（色相用0~360之间的数，其余两项用百分数）；HSLA(色相，饱和度，亮度，透明度)

6. 把相应的规则打到制定文本中，以.css结尾保存来创建外部样式表

7. 链接外部样式表：在head部分输入<link rel=”stylesheet” href=”url.css” />(rel属性和href之间有空格，结尾有一个空格)

8. 创建嵌入样式表：在head部分输入<style></style>（中间添加任意数量的样式规则）

9. 应用内联样式：在需要进行格式化元素开始的标签中输入style=””（中间可以添加任意数量的样式规则，用分号隔开）

10. 样式层叠和顺序规则：在其他条件相同的条件下，越晚的样式优先性越高（内联样式会覆盖与之冲突的其他样式）

11. 与媒体相关的样式表：1）在link或者style开始标签中输入media=”print/screen/all”;

2)直接输入@media print/screen/all{}（中间添加样式，用分号隔开）

12. 构造选择器：

1） 依据元素的类型或名称。

格式：要选择的元素的名称(例：h1){属性的名称；应用的格式；}（例color;red）

2） 依据元素所在的上下文。

格式：上下文（例 h1）要选择的元素的名称（例em）{属性的名称；应用的格式；}

a) 在样式表中输入ancestor(要格式化元素的祖先) （可以继续根据情况输入ancestor） descendant(要格式化的元素) {属性的名称；应用的格式；}

b) 在样式表中输入parent(包含要格式化元素的选择器)>(可以根据情况继续输入parent) child(要格式化的元素){属性的名称；应用的格式；}

c) 在样式表中输入sibling(同一父元素中的，直接出现在目标元素前的元素)+（可以根据情况继续输入sibling）element（要格式化的元素）{属性的名称；应用的格式；}

3） 依据元素的类或ID

4） 依据元素的伪类或伪元素。

5） 依据元素是否有某些属性和值

13. 选择第一个或最后一个子元素：

输入想应用样式的第一个或最后一个子元素（可选步骤）；选择第一个/最后一个子元素输入   ：first-child/last-child{属性的名称；应用的格式;}

14. 选择元素的第一个字母或者第一行：

输入element(要格式化元素的选择器)：first-letter(第一个字母){属性的名称；应用的格式；}

输入element(要格式化元素的选择器)：first-line（第一行）{属性的名称；应用的格式；}