CSS的簡單介紹

1、 什麼是css

層疊樣式表

1、 主要作用
1、美化頁面
2、將美化頁面和HTML代碼分離,降低代碼的耦合性,提高代碼的複用性
3、 Css 選擇器
-元素選擇器  html標籤的名稱{}
-類選擇器    .類的名稱{}
-ID選擇器    #類的名稱{}
4、 Css 浮動
    - float   :left ,rigth 不在佔用正常文檔流中的空間,而是採用流式佈局
    - clear  : left ,right ,both 清除浮動的屬性
5、Css的其他選擇器
-選擇器組:選擇器1,選擇器2{屬性名稱:屬性值}
-屬性選擇器:html標籤[屬性]
demo:
a[href] 
-後代選擇器 : 
-子元素選擇器: 父元素選擇器 > 兒子選擇器  找出所有的子元素
-僞類選擇器 : 通常都是用在A標籤上
6、Css盒子模型
萬物皆盒子
內邊距:  

padding-top:

padding-right:

padding-bottom:

padding-left:
外邊距:

margin-top:

margin-right:

margin-bottom:

margin-left: 
7、Css絕對定位
position : absolute
top:控制距離頂部的位置
left:控制距離左邊的位置
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章