CSS阶段第一小节第一天

1.CSS的定义

①CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体/大小/对齐方式等），图片的外形（宽高/边框样式/边距等）以及版式的布局等外观显示样式。

②CSS的作用：以HTML为基础，提供了丰富的功能，如字体/颜色/背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

③CSS与HTML的关系：

HTML结构层：负责从语义的角度搭建页面结构；

CSS样式层：负责从审美的角度美化页面；

Javascript行为层：负责从交互的角度提升用户体验。

2.编写CSS样式的方式：

①通过浏览器设置样式：

所有的标签都有默认的（缺省）样式，可以通过浏览器进行设置

②内联样式style属性：

<span style="color:red;font-size:12px;"></span>

③内嵌样式，在head标签中添加style标签

style标签有一个type属性，默认值为text/css，可以省略；

④外部样式，通过link标签引入CSS样式文件

<link rel="stylesheet"  href="a.css" />

type属性：只有一个选项，“text/css”，指定当前为css文本文件

rel：指定当前html文件与css文件的关系是样式表

href：指定外联样式表的路径

⑤导入样式（不推荐使用）：@import url(样式文件路径)

导入样式会导致CSS文件不能并行下载，不推荐使用。导入样式的书写必须在所有的CSS规则书写之前。