CSS層疊樣式表

?

1.格式

　　h1? ? ? {name:'abc'，color:'red'}；

　　選擇器-屬性-值

2.ID和類選擇

　　#ID

　　.類

3.CSS引用方式

　　link文件-外部樣式表

　　script style-內(nèi)部樣式表

　　標(biāo)簽 style-內(nèi)聯(lián)樣式

4.background背景

　　~background

　　~-color 背景顏色

　　~-repeat 是否重復(fù)

　　~-position 背景圖片的位置

5.css文本

　　text-align 設(shè)置文本的橫向位置，center，right，justufy（寬度相等）

　　text-decoeation-

　　　　overline橫線上標(biāo)

　　　　line-through-中間斜杠

　　　　underline-橫線下標(biāo)

6.文本轉(zhuǎn)換text-transform

　　uppercase 轉(zhuǎn)換為大寫

　　lowwercase 轉(zhuǎn)換為小寫

　　capitize 首字母大寫

7.文本縮進(jìn) text-indet

　　text-indent：50px

8.css-link標(biāo)簽操作

　　a:link{} 未訪問時(shí)顯示的狀態(tài)

　　a:visted訪問之后的狀態(tài)

　　a:hover 懸浮時(shí)的狀態(tài)

　　a:active 鼠標(biāo)點(diǎn)擊時(shí)的狀態(tài)

9.列表樣式list-style

　　list-style-image--將列表的圓點(diǎn)用圖片代替

　　list-style-position--設(shè)置圓點(diǎn)的位置

10.css表格

　　border-邊框

　　表格文本對(duì)齊　　text-align和vertical-algin對(duì)齊

11.css盒子模型

　　　　　　conten-padding-border-margin

12.border邊框設(shè)置

　　12.1 border-style　　

　　　　　　dotted-點(diǎn)線　　　　double-雙實(shí)線

　　　　　　dashed-虛線　　　　groove--3d溝槽

　　　　　　solid-實(shí)線

　　12.2 寬度和顏色

　　　　border-width　　

　　　　border-color

13.css outline屬性

　　元素周圍繪制一條線，用來突出元素

　　同樣有style，color，width

14.margin

　　margin 0 0 0 0 順時(shí)針 上右下左

　　margin 0 0 0? 上 左右 下

　　margin 0 0 上下 左右? padding同理

15.css尺寸dimension

　　height-元素的高度

　　line-height-行高

　　max-length

　　min-length

　　width

　　max-width

　　min-width

15.display和visibility

　display是設(shè)置屬性如何顯示，當(dāng)設(shè)置為none的時(shí)候，元素消失，且不占用空間

　visibility是設(shè)置元素是否顯示，當(dāng)設(shè)置為hidden的時(shí)候，元素小時(shí)，并且占用空間

16.塊和內(nèi)聯(lián)元素

　　塊<div><p><h1> 可以設(shè)置寬度，高度等，獨(dú)立占有一行

　　內(nèi)聯(lián)元素<span><a> 不可以設(shè)置高度寬度，和其他元素共享一行

17.CSS組合選擇符

　　 > + ~

　　空格：后代選擇器：可以選擇標(biāo)簽的所有后代，子子孫孫

　　大于號(hào)：子代選擇器，可以選擇標(biāo)簽的子代，只能選擇兒子，

　　+：相鄰兄弟選擇器：在同一個(gè)父類下，可以選擇在此之后的兄弟標(biāo)簽

　　~：選擇此元素之后的所有兄弟元素

18，偽類

　　匹配第一個(gè)p元素　　

　　p:first-child{? }

　　匹配第一個(gè)p元素下的所有i元素

　　p:first-child i{? }

19css偽元素

　　p:first-line 第一行

　　p:first-letter：第一個(gè)字/字母

　　brfore：在這個(gè)標(biāo)簽之前

　　

20/導(dǎo)航欄聯(lián)系

　　

轉(zhuǎn)載于:https://www.cnblogs.com/hai125698/p/10233745.html

總結(jié)

以上是生活随笔為你收集整理的Python-CSS整理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。