初學css個人筆記

1.css類選擇器中的類名的第一個字符不能是數字,無法再Mozilla或Firefox中起作用。

2.css中id選擇器中的屬性只能在每個html文檔中出現一次。

3.css樣式表中不需要在屬性值與單位之間留有空格,在Netscape和Mozilla/Firefox中不起作用。

4.css背景屬性(背景屬性不能繼承):

(1)background 簡寫屬性,可以將一下所有屬性設置放在一個聲明中。

(2)background-image:url() 設置圖像背景

(3)background-color 設置元素的背景顏色

(4)background-attachment:fixed,scroll 背景圖像是否固定,默認scroll隨文檔滾動

(5)background-repeat:repeat-x,repeat-y,no-repeat 背景圖像是否重複

(6)background-position:關鍵字(top...),百分數值,長度(1px). 背景圖片的位置

5.css文本屬性:

(1)color 文本顏色

(2)direction 文本方向

(3)line-height 行高

(4)letter-spacing 字符間距

(5)text-align 對齊元素中的文本

(6)text-decoration 文本修飾

(7)text-indent 首行縮進

(8)text-shadow 文本陰影

(9)text-transform 元素中字母大小寫轉換

(10)white-space 元素中空白的處理

(11)word-spacing 字間距

6.css字體:

 (1)font 簡寫屬性

 (2)font-family 字體系列

 (3)font-size 字體大小

 (4)font-style 字體風格

 (5)font-variant 以小型大寫字體或者正常字體顯示文本

 (6)font-weight 字體粗細

7.css列表:

 (1)list-style 簡寫屬性

 (2)list-style-image 將圖像設置爲列表項標誌

 (3)list-style-position 列表中列表項標誌的位置

 (4)list-style-type 列表項標誌的類型

8.css輪廓:

 (1)outline 簡寫屬性

 (2)outline-color 輪廓的顏色

 (3)outline-style 輪廓的樣式

 (4)outline-width 輪廓的寬度

9.css內邊距:

 (1)padding 簡寫屬性

 (2)padding-bottom 元素的下邊距

 (3)padding-left 元素的左邊距

 (4)padding-right 元素的右邊距

 (5)padding-top 元素的上邊距

10.css邊框屬性:

 (1)border 簡寫屬性

 (2)border-style 元素所有邊框的樣式,或者單獨地爲各邊設置邊框樣式

 (3)border-width 元素所有邊框的寬度,或者單獨地爲各邊設置邊框寬度

 (3)border-color 元素所有邊框可見部分的顏色,或者單獨地爲各邊設置邊框顏色

 (3)border-(top,right,bottom,left)[-(color,style,width)]

11.css外邊距:

 (1)margin 簡寫屬性

 (2)margin-top 上外邊距

 (3)margin-right 右外邊距

 (4)margin-bottom 下外邊距

 (5)margin-left 左外邊距

11.css定位屬性:

 (1)position:元素放置到一個靜態的,相對的,絕對的,或固定的位置中

 (2)top(right,bottom,left)元素上外邊距邊界與其包含快上邊界之間的便宜

 (3)overflow 元素的內容溢出其區域時發生的事情

 (4)clip 元素的形狀,元素被剪入這個形狀之中,然後顯示出來

 (5)vertical-align 元素垂直對齊方式

 (6)z-index 元素的堆疊順序

12.css尺寸屬性:

 (1)height 元素的高度

 (2)line-height 行高

 (3)width 元素寬度

 (4)max(min)-height(width) 元素的最大高度

13.css的分類屬性

 (1)clear 設置一個元素的側面是否允許其他浮動元素

 (2)cursor 規定當指向某元素時顯示的指針類型

 (3)display 是否及如何顯示元素

 (4)float 元素浮動方向

 (5)position 元素放置到一個靜態的,相對的,絕對的或固定的位置中

 (6)visibility 元素是否可見

14.css僞類:

 (1):link 將特殊的樣式添加到未被訪問過的連接

 (2):visited 將特殊的樣式添加到被訪問過的連接

 (3):hover 當鼠標懸浮在元素上方時,向元素添加樣式

 (4):active 將樣式添加到被激活的元素

 (5):focus 將樣式添加到被選中的元素

 (6):first-child 將特殊的樣式添加到元素的第一個子元素

 (7):lang 允許作者自定義指定的元素中使用的語言

15.css僞元素:

 (1):first-letter 將特殊樣式添加到文檔的首字母

 (2):first-line 將特殊樣式添加到文本的首行

 (3):before 在某元素之前插入某些內容

 (4):after 在某元素之後插入某些內容

發佈了24 篇原創文章 · 獲贊 0 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章