CSS基础培训

（1）. 1.css声明 要以分号结束，以{}括起来。

                2. 建议一行书写一个属性。

                3. 若值为若干单词，则需要给值加引号，如font-family：“agency fb”；

（2）css的定义：

选择器名 {属性名：属性值；

属性名：属性值；

······

}                                 例如：h2 {

                                                        color：red；

                                                        font-family：“arial black”

                                                    }

（3）css的注释：

                                /*   注释的内容   */

（4）css的三种使用方式：

1.   行内样式：直接写在标签上的样式，在标签上通过style属性定义的样式。

2.   内部样式：定义在style标签中的样式，style标签一般在head标签中。

 3. 外部样式：定义在外部的css文件中，通过link标签引入。（在head标签中引入）

方法：<link  rel="stylesheet"  type="text/css"   href="css文件的路径" />

（5）css选择器：

1.  通用选择器：

*{

属性名：属性值；                                        

属性名：属性值;

···

}                                                                

2.  元素选择器：

元素名/标签名{

属性名：属性值;

属性名：属性值;

···

}                                                        

 3. id选择器：

#id属性值{

属性名：属性值;

···

}                                                                

 4. 类选择器：

.class属性值{

属性名：属性值;

···                                                                

 

}

5.  分组选择器：

选择器1,选择器2,选择器3···{

属性名：属性值;

}

（6）css的组合选择器：

1. 后代选择器

选择指定元素的指定后代元素，以空格隔开。

选择器 （空格） 指定元素{

属性名：属性值；

···

}

2. 子代选择器：

选择指定元素的第一代子元素，以大于号（>）隔开

选择器    >    指定元素{

属性名：属性值；

···

}

3. 相邻兄弟选择器：

选择指定元素的下一个（只会找一个）指定元素，两者有相同的父元素，以加号（+）隔开

选择器    +   指定元素{

属性名：属性值；

···

}

4. 普通兄弟选择器：

选择指定元素后的所有指定元素，两者有相同的父元素，以波浪号（~）隔开

选择器    ~   指定元素{

属性名：属性值；

···

}