【web】css引入方式与选择器

css三种引入方式

行间样式

1. 权重最高：1000
2. 在标签的style属性中写css样式

内部引入方式

在head中写style标签，然后在style标签中写css样式

外部引入样式

1. 使用link引入外部css文件，样式写在外部css文件中
2. 在项目开发中最常见的引入方式

补充

外部和内部引入方式没有权重高低之分，文档后面的会覆盖前面的。

常用选择器

标签选择器

• 权重：1
• 语法：标签名{css样式}

class选择器

• 权重：10
• 语法：.class名{css样式}
• 特点：
  1. 一个标签可以有多个class名；
  2. 多个标签可以有相同的class名。

id选择器

• 权重：100
• 语法：#id名{css样式}
• 特点：id名是唯一的（类似于身份证号）一个标签只能有一个id名，不同标签id名不能相同。

后代选择器

• 权重：几个选择器权重相加
• 语法：父选择器 子选择器{css样式}

子代选择器

• 权重：几个选择器权重相加
• 语法：父选择器>子选择器{css样式}

组合选择器

• 权重：每个选择器单独计算
• 语法：选择器1，选择器2…{css样式}

通配符选择器

• 权重：最小
• 语法：*{ }