css屬性及用法
層疊樣式表 (Cascading Style Sheets，縮寫爲 CSS），是一種 樣式表 語言，
用來描述 HTML或 XML(包括如 SVG、MathML、XHTML 之類的 XML 分支語言)文檔的呈現。
CSS 描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何被渲染的問題。
網頁三要素:
- HTML標籤決定頁面上元素的基本結構
- CSS 用於設置HTML元素的樣式
- JavaScript 用於控制頁面上的行爲
1.css屬性（ property）
CSS 屬性的基本用法爲:
name : value ;
注意:
name表示 CSS 屬性(property)名稱，不是 HTML 元素的屬性(attribute)- 屬性名稱 和 屬性值 之間 使用 冒號 隔開
- 每個樣式描述結束後，建議以分號結束 ( 分號也是兩個不同的樣式之間的分隔符 )
比如:
width : 200px ;
某個屬性取值中包含多層含義時，屬性值的多個部分之間使用空格隔開，比如
border : 1px solid red ;
其中的 1px 表示邊框粗細，solid 表示邊框樣式，red 表示邊框顏色。
當存在多個屬性時，多個屬性之間使用冒號隔開:
<img src="1.jpg " style="zoom:0.5 ; float : left ; ">
2、四種用法
在 HTML 文檔中使用 CSS 有四種不同的用法，這裏分別予以簡單介紹。
2.1、內聯樣式
直接通過元素的 style 屬性來指定的樣式被稱作行內樣式 (也有人稱作內聯樣式 )。
比如:
<div style=" border : 1px solid blue ; width : 50% ; height : 100px ; " >
</div>
說的更直接些，就是在開始標籤中通過標籤的 style 屬性(attribute)來指定元素的樣式。
必須注意，這裏的 style 屬性(attribute)是屬於 當前元素 的 (即當前標籤的)。
2.2、內部樣式
所謂內部樣式，就是在 HTML 文檔中，通過 style 元素來嵌入CSS樣式。
<style type="text/css">
</style>
這裏需要特別注意，style 是一個 HTML 標籤，屬於HTML範疇，不屬於CSS代碼。
而在 <style> 和 </style> 之間書寫的內容才屬於 CSS 代碼。
通常建議將 style 元素 添加到 head 元素內部:
<head>
<style type="text/css">
</style>
</head>
也可以根據實際情況來確定 style 元素的位置。
2.3、鏈接外部樣式
通常在 HTML 文檔的 head 區域通過 link 標籤來鏈接外部樣式文件:
<link rel="stylesheet" href="CSS文件名" type="text/css" charset="字符編碼" >
其中:
rel屬性必須顯式書寫，且其屬性值必須爲stylesheet，否則鏈接無效href屬性用於指定CSS樣式文件名type屬性是可選的，用於指定被鏈接文件的 MIME 類型charset屬性也是可選的，用於指定被鏈接文件的字符編碼
2.4、導入外部樣式
在 head 區域除了通過 link 來鏈接外部樣式文件外，還可以在 <style> 元素導入外部樣式:
<style type="text/css">
@import url(CSS文件名);
</style>
注意:
@import和url( )中間至少有一個空格- 通過
url( )來指定 CSS文件名