css 入门
入门 css 必备 : 点击css 参考手册,一定要多看
一、 css 简介
CSS 英文全称 Cascading Style Sheets，直译过来就是 层叠样式表，是一种用来表现 HTML 或 XML 等文件的 样式 的计算机语言， CSS 不属于编程语言而是和 HTML 一样是一种标记语言。
兼容性
由于 浏览器大战 导致了浏览器对于 CSS 属性 的支持标准不一致，部分 CSS 属性 在浏览器中可能需要添加特定的前缀。虽然目前较新版本的浏览器都已遵循W3C 标准了，但为了更好的向前兼容，前缀还是少不了的。点击查询浏览器对于 CSS 属性 的支持情况
| 前缀 | 浏览器 |
|---|---|
| -webkit- | Chrome 和 Safari |
| -moz- | Firefox |
| -ms- | IE |
| -o- | Opera |
二、 css 语法
CSS 语法由三部分构成：选择符、属性和值 属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
Selector { Property : Value; }
↓ ↓ ↓
选择符 属性 值
例子：
body {
background-color: #cccccc;
}
三、 引入方式
1. 行内引用
行内引用是指，将 CSS 代码直接写在 HTML 标签中的 style 属性里。
注意：这种方式的引入 CSS，是不需要写选择符的。
例子:
index.html
<body style="background-color:#ccccc;">
...
<h1 style="font-size:12px; color:#ff0000;">这是一个标题</h1>
...
</body>
2.页内引用
页内引用是指，将 CSS 代码单独写在 HTML 页面的 <head> 标签中，并且由 <style> 标签包裹。
例子：
index.html
<head>
...
<style type="text/css">
body {
background-color: #cccccc;
}
</style>
</head>
3.页内引用
页外引用是指，将 CSS 代码单独写到外部一个 CSS 文件中，然后再通过 <link> 标签引入到 HTML 页面中。 这种方式真正做到了表现与结构分离，所以得到开发人员广泛使用。
例子：
index.css
body {
background-color: #cccccc;
}
index.html
<head>
...
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
四、 优先级
?> 样式优先级（就近原则）
?> 行内样式 > 页内引用 > 页外引用