前端Day5

2017-02-19 本文已影响6人 include_

CSS基础与进阶

CSS是层叠样式表，主要用于设置HTML文本内容（字体，大小，对齐方式等）、图片的外形（宽高，边框样式，边距等）以及版面布局等外观显示样式。

CSS版本：2.1~3.0

2.1 缺省样式：浏览器样式，所有标签都有默认样式。

2.2 行内样式：<h1 style=" color:red; "> style属性中可以设置多种样式，样式间用分号隔开。

2.3 内嵌样式：在<head>标签中加上style标签，将type属性值设置为text/css（默认值就是text/css，因此可缺省），在style标签中写css样式。
格式： <style type="text/css">

p {

color:red;

}

</style>

2.4 外联css样式：在头文件中链接css文件：

2.5 导入样式：在style标签中嵌套：

@import url(css文件地址);

</style>

@import 必须写在其他样式前，将某一个css文件导入到当前位置。

样式优先级：行内式>内嵌式>导入式（相同权值）

就近原则：离被设置元素越近，优先级别越高。