學習的地址 : http://www.w3school.com.cn/css/css_syntax.asp
一 、基礎概念
1.根據 CSS,子元素從父元素繼承屬性。(但是並非所有的瀏覽器都會兼容此)
2.id 選擇器 (每個html只能出現一次)
id 選擇器可以爲標有特定 id 的 HTML 元素指定特定的樣式。
id 選擇器以 "#" 來定義。
3.類選擇器以一個點號顯示
4.派生選擇器,即在某個元素下的子元素進行設置。
例子:
.fancy td
{
color: #f60;
background: #666;
}
以上就是一個類選擇器下的一個 td標籤的屬性設置
二、樣式
背景
background-color 背景色(不能繼承,其默認值是 transparent。transparent 是“透明”)
background-image 背景圖像 例子:body {background-image: url(/i/eg_bg_04.gif);}
background-repeat 背景圖片的顯示方式
background-position 圖片在背景中的位置 (top、bottom、left、right 和 center,也可用50% 50% 的點(中心點))
文本
text-indent 所有元素的第一行都可以縮進一個給定的長度 (可繼承)
text-align 一個元素中的文本行互相之間的對齊方式 ( left、right 和 center)
word-spacing 可以改變字(單詞)之間的標準間隔
letter-spacing 字母之間的間隔
text-decoration 文本裝飾,下劃線上劃線等(none,underline,overline,line-through,blink)
字體
font-family 字體指定
font-style 字體風格 (normal - 文本正常顯示,italic - 文本斜體顯示,oblique - 文本傾斜顯示)
font-weight 設置字體粗細
font-size 字體大小
表格
border: 1px solid blue 表格邊框
三、框模型
margin 外邊距
padding 內邊距
注:不要給元素添加具有指定寬度的內邊距,而是嘗試將內邊距或外邊距添加到元素的父元素和子元素。
當一個元素出現在另一個元素上面時,第一個元素的下外邊距與第二個元素的上外邊距會發生合併