CSS.md

#CSS

目录：

• CSS实例
• 插入样式表的三种方法
• 多重样式

层叠样式表 (Cascading Style Sheets)

CSS实例

包含选择器和一条或多条声明。

选择器

• 即需要改变样式的HTML元素。

声明

• 声明组以大括号括起来。
• 每条声明由一个样式属性属性和对应的值值组成，属性和值用冒号分开。

插入样式表的三种方法

外部样式表

(External style sheet)

• 使用<link>标签链接到样式表，如：<link rel="stylesheet" type="text/css" href="mystyle.css">。
• 以 .css 扩展名进行保存。

内部样式表

(Internal style sheet)

• 使用<style>标签在文档头部定义内部样式表。
• 如：<style> p{text-align:center;} </style>。

内联样式

(Inline style)

• 在相关的标签内使用样式 style 属性。
• 如：<p style="text-align:center;">段落</p>。

多重样式

如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中继承。

优先级：

• 内联样式>内部样式>外部样式>浏览器默认样式。

注：

• 如果外部样式放在内部样式的后面，则外部样式覆盖内部样式。

阅读