CSS第一课：css引入、选择器

CSS语言

一、css介绍

1、用途

html添加了网页的内容，css专门用来定义内容的样式。

css: casecading style sheet 样式表

2、css引入

（1）标签式（行内式）

通过标签的style属性引入css代码，只能作用于当前标签的内容。

（2）内部样式（文档式）

通过style标签，引入css代码，可以作用于整个页面。

（3）外部样式（外部链接式）

将css代码写入*.css文件，通过link标签引入，必须加rel=“stylesheet”。

可以作用于多个页面。

二、css语法

1、语法

选择器{ 属性名:属性值; … }

2、选择器

（1）通配符选择器:*

主要用来定义全局的通用样式

（2）标签选择器：标签名

（3）id选择器：#id

同一个页面中，每一个html标签都有一个id属性，但是每个标签的id属性值必须唯一，不能以数字开头。

（4）class选择器：.class

具有相同样式的标签可以化为一类，使用相同class属性值表示。

一个class可以有多个值。

• 空格：多个值之间使用空格可以控制子子孙孙标签
• “>”：使用“>”控制子标签

（5）层次选择器：层次关系

3、选择器优选级

id > class > 标签 > *