1, 简介
层叠样式表 (Cascading Style Sheets,CSS) 允许我们把样式设置存储在文件中, 从而将内容与表现分离
当同一个 html 元素被不只一个样式定义时, 最终的样式确定顺序如下(优先级从小到大排列):
浏览器缺省设置
外部样式表
内部样式表
内联样式
(1)外部样式表
当样式需要应用于很多页面时, 外部样式表是理想的选择, 使用 <link> 标签链接样式表,<link> 标签一般位于 HTML 文档头部
- <head>
- <link rel="stylesheet" type="text/css" href="fileName.css" />
- </head>
(2)内部样式表
当单个文件需要特殊的样式时, 可以使用内部样式表, 使用 <style> 标签定义样式,<style> 标签一般位于 HTML 文档头部
- <head>
- <style type="text/css">
- /* 这里写样式定义 */
- </style>
- </head>
(3)内联样式
当单个元素需要特殊的样式时, 可以使用内联样式, 在需要定义特殊样式的标签内使用 style 属性, 但是由于该方法使得内容和表现混合在一起, 极大削弱了样式表的优势, 所以不建议使用
<p style="color: red;">这是一个段落</p>
2, 语法
CSS 语法规则由两部分组成, 分别是 选择器 和 声明语句, 选择器用于定位需要改变样式的 HTML 元素, 声明语句由属性和值组成, 并且一般情况下值需要被双引号包围, 用于说明具体的样式
- selector {
- property: value;
- property: value;
- ......
- }
来源: http://www.bubuko.com/infodetail-2949096.html