层叠样式表 CSS 学习笔记

来源：互联网发布：的士打车软件编辑：程序博客网时间：2024/05/29 08:39

1.CSS的基本用法

1.1 如何在HTML内插入样式表

从样式表的插入形式来看基本分为三种：

a. 内联式样式表：直接写在现有的HTML标签中，如：

<p style="color:red"> 这里是红色文字</p>

b. 嵌入式样式表：使用"<style> </style>"标签嵌入到HTML文件的头部种，如：

.warning {color: red}

</style>

c. 外部式样式表：样式表外部文件以[.css] 为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将样式表文件链接到HTML文件内，如：

1.2 使用外部式样式表的优点

主要的优点是：1.多个文件可引用一个样式表文件，2.样式表文件只需要下载一次，3.浏览器会先显示HTML的内容，然后再根据样式表文件进行渲染，从而使访问者可以更快的看到内容。

1.3 规则

样式表由一些规则组成，浏览器将这些样式表规则应用到相应的元素中。

说一下选择符的分类：

选择符分为一下几种：

1. 类型选择符(type Selectors), 就是HTML文档中的元素。

2. 类选择符(Class Selectors),例如：.warning

3. ID选择符(ID selectors),例如：#warning

4. 包含选择符(Descendant Selectors,

5. 选择通配符*，选定文档目录树(DOM)中的所有类型的单一对象，利用通配选择符可以为所有的元素定义统一的属性。

例如：*{margin：0；}

最常用的选择符应该就是类选择符和ID选择符了，他们的差别主要几种在下面几点：

1. 类选择符可以重复使用，并且可以用在任意元素上，使用任意次。

2. HTML内ID属性应该是唯一的，只有拥有该ID的元素才会应用该样式。

3. ID选择符的优先权高于类选择。

0 0