---

CSS语法

1.格式：

选择器 { 样式1；样式2；}

2.CSS简单属性

width：宽度，单位px；

height：高度；

color：前景色，文字的颜色；

background-color：背景色；

font-size：字体大小；

3. CSS注释：不能嵌套

单行注释：/*  注释内容 */

多行注释：

/*
*  多行的注释
*  常用表示方法
*/

4.CSS选择器

所有标签选择器：* {  }

标签选择器：p {  }   div {   }

ID选择器：#+id名  {  }

类选择器：. +类名 {  }

复合选择器：

①标签指定式选择器：（不建议使用）

标记选择器.类别选择器：h3.class  {  样式  }

两个或多个不同的选择器用不同的方式组合而成。

②后代选择器：（包含选择器）

父标签类名/ID名+空格+子标签名 {  样式  }

③并集选择器：

多个选择器用逗号连接：h1，h2，p {  样式  }

④子元素选择器：

选择器h1>strong，不可选择孙子元素，仅限父子两个元素

5.注意事项

*是通配符选择器，优先级高于继承，会覆盖继承。

HTML标签的ID选择器只能在一个文本中应用一次。

一个标签类属性可有多个值，值之间用空格隔开。

6.HTML标签ID属性值的命名规范

名字只允许由字母（大小写均可，严格区分）下划线，数字组成；

只允许字母开头；

命名长度没有限制，要有含义，不建议太长；

不允许出现标签名。

7.ID选择器和类选择器的区别

相同的class属性值，可以在HTML中出现多次，ID属性值在页面中只能出现一次；

一个class属性可以有多个值，即一个标签可以有多个类；

建议尽量使用类选择器。