第一节：CSS术语和文档

朴灿烈づ我的快乐病毒、 2022-06-08 00:49 113阅读 0赞

### CSS可以缩减文件大小 ###

## 术语 ##

--------------------

*  **元素：**文档结构的基础，如p，table,span,a,div
 *  **替换元素与非替换元素：** 替换元素指用来替换元素内容的部分并非由文档内容直接表示，如img，input。非替换元素，大多数元素属于非替换元素，其内容由用户代理（浏览器）在元素本身生成的框中显示。
 *  **元素显示角色：** 块级元素，会填充其父元素的内容区，旁边不能有其他元素，相当于一个“分隔符”，如p，div。行内元素在一个文本行内生成元素框。

## Link标记 ##

--------------------

Link 将样式表链接到文档中。首先先介绍一下Link属性:

*    
    
 *  **rel(代表relation)：**代表“关系 ”。此属性值设置为 alternate stylesheet 时，可定义候选样式表， 当用户选择这个样式表时才会用于文档表现。为候选样式表指定相同的title时就可以把它们分 组在一起。
 *  **type：**总是设置为“text/css”，描述了使用link标记加载的数据类型
 *  **href：** 样式表的URL，可以是绝对路径，也可以是相对URL
 *  **media：** all 表示应用于所有表现媒体，screen：屏幕媒体中，print：为视力正常的用户打印文档时使用，也会在打印预览时使用。以上三种是得到最广泛支持的类型。
 *  **title：** 如果为一个 rel 为 stylesheet 的样式表link指定了标题 title，表示该样式表要作为首选样式表。如果没有指定 title，那么该样式表就将作为一个永久样式表，始终用于文档的显示。

> **style元素：**此元素中包含样式表，在文档中单独出现。

## @import指令 ##

--------------------

与link类似，**@import**用于指示web浏览器加载一个外部样式表，**@import** 出现在 style 容器中，必须放在其他 CSS 规则前。**@import** 无法指定候选样式表，它也可以限制所导入的样式表应用于一种或多种媒体。

> @import url(sheet.css);

如果一个样式表需要使用其他外部样式表中的样式，便可以使用 **@import**。**@import** 中的 URL参数可以是相对也可以是绝对路径。

## 向后可访问性 ##

--------------------

如果一个浏览器无法识别 就会将其统统忽略，而里面标记的声明不一定会被忽略，而被显示在页面上面，为了解决这个问题，建议将声明包含在一个注释标记中，如下：

> \*\*CSS注释：\*\*CSS注释不可以嵌套

## 内联样式 ##

--------------------