CSS------1.初识与选择器

目录

CSS初识与选择器

CSS样式表（书写位置）

4.1 行内式（内联样式）

4.2 内部样式表（内嵌样式表）

4.3 外部样式表（外链式）

4.4 三种样式表总结（位置）

总结CSS样式规则

CSS选择器（重点）

1.CSS选择器作用（重点）

选择器的作用

2.CSS基础选择器

2.1 标签选择器

2.2 类选择器

2.3 类选择器特殊用法 - 多类名

类名的要求

2.4 id选择器

id选择器和类选择器区别

2.6 通配符选择器

2.7 基础选择器总结

---

CSS初识与选择器

CSS样式表（书写位置）

4.1 行内式（内联样式）

4.2 内部样式表（内嵌样式表）

4.3 外部样式表（外链式）

4.4 三种样式表总结（位置）

总结CSS样式规则

总结：

1. 选择器用于指定CSS样式作用的HTML标签，花括号内是对该对象设置的具体样式。
2. 属性和属性值以“键值对”的形式出现。
3. 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4. 属性和属性值之间用英文“:”连接。
5. 多个“键值对”之间用英文“;”进行区分。

CSS选择器（重点）

1.CSS选择器作用（重点）

选择器的作用

找到特定的HTML页面元素

css 就是 分两件事， 选对人， 做对事。

2.CSS基础选择器

2.1 标签选择器

2.2 类选择器

类选择器使用“.”（英文点号）进行标识，后面紧跟类名.

• 语法：
• 类名选择器

• 标签

2.3 类选择器特殊用法 - 多类名

注意：

• 各个类名中间用空格隔开。
• 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。

类名的要求

减号 - _ $ 用来命名

2.4 id选择器

id选择器使用#进行标识，后面紧跟id名

-其基本语法格式如下：

• id选择器

• 标签

1. 一个标签只能有一个id名
2. 命名规则与class类似
3. id可以重复 （但是在JavaScript，id不能重复），实际开发是不能重复的

id选择器和类选择器区别

• W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。
• 类选择器（class） 好比人的名字， 是可以多次重复使用的， 比如 张伟 王伟 李伟 李娜
• id选择器 好比人的身份证号码， 全中国是唯一的， 不得重复。 只能使用一次。

id选择器和类选择器最大的不同在于 使用次数上。

2.6 通配符选择器

• 概念
• 通配符选择器用*号表示，* 就是 选择所有的标签
• 他是所有选择器中作用范围最广的，能匹配页面中所有的元素。
• 其基本语法格式如下：

例如下面的代码，使用通配符选择器定义CSS样式，清除所有HTML标记的默认边距。

2.7 基础选择器总结