css 初學自我總結

學習的地址 : 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 內邊距

 注:不要給元素添加具有指定寬度的內邊距,而是嘗試將內邊距或外邊距添加到元素的父元素和子元素。

        當一個元素出現在另一個元素上面時,第一個元素的下外邊距與第二個元素的上外邊距會發生合併 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章