CSS 01

1. 样式的优先级

   行内样式 > 内部样式 > 外部样式

   外部样式最常用，特殊的样式可以用行内样式

2. 选择器的种类

   id选择器：

   为标有特点id的HTML元素指定特定样式，HTML标签的id属性不能重复，格式如下：

   #id名称 { 样式内容}

   class选择器：

   为标有特定class的HTML元素指定特定样式，可以不唯一 可以重复，格式如下：

   .class名称 { 样式内容}

   标签选择器：

   通过标签的名称 获取HTML元素设置指定的样式，与层次无关，格式如下：

   标签名 { 样式内容}

   以上三者的优先级： id选择器>class选择器>标签选择器

   子选择器：

   选择当前元素下的所有的子元素，格式如下：

   元素标签名 > 子元素标签名{样式内容}

   后代选择器

   选择当前元素下的所有子元素包括子元素内有相同元素名的元素，格式如下：

   元素标签名 指定后代元素标签名{样式内容}

   相邻兄弟选择器

   选择紧邻的另一个元素并且二者都有相同的父级元素，格式如下：

   元素标签名 + 紧邻的元素标签名{样式内容}

   相邻兄弟选择器使用后，只会改变紧邻的元素的样式

   后续兄弟选择器

   选择所有指定元素后的相邻的兄弟元素，格式如下：

   元素标签名 ~ 指定的兄弟元素名{样式内容}

   后续兄弟选择器使用后，只会改变紧邻的元素的样式

   交集选择器

   必须同时满足多个条件才能被选择，格式如下：

   标签名.class名/id名{样式内容}

   并集选择器

   当为多个标签 共享同一段样式时

   标签名，标签名，class名，id名{样式内容}

   通配符选择器

   格式：

   *{样式内容}

3. 常用CSS字体属性，以下为例子，数字一般可以更换

   font-size: 16 px; //字体大小

font-weight: bold; //字体加粗

bold == 700

font-weight: 700

font-style: italic //倾斜

font-style: normal //让字体的风格 不倾斜

一个复合属性的例子

div{

//div中的字体 倾斜 加粗 字号设置16px像素 并 使用微软雅黑 
           font-style: italic;
           font-weight: 700;
           font-size: 16px;
           font-family: 微软雅黑;

}

1. CSS文本外观常用属性

   color: 颜色名或#数字 //字体颜色

   rgba（255,0,255,透明度 0~1）//可以是设置字体的透明度

   text-align: center; //字体对齐方式

   text-decoration: underline或者overline或者 line-through或者none//字体的下划线/上划线/删除线/取消线

   text-indent: 2em //首行缩进两个字

height: 300px; line-height: 300px;

text-align: center;//垂直居中 必须设置height 和line-height