CSS層疊樣式表

?

1.格式

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

　　選擇器-屬性-值

2.ID和類選擇

　　#ID

　　.類

3.CSS引用方式

　　link文件-外部樣式表

　　script style-內部樣式表

　　標簽 style-內聯樣式

4.background背景

　　~background

　　~-color 背景顏色

　　~-repeat 是否重復

　　~-position 背景圖片的位置

5.css文本

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

　　text-decoeation-

　　　　overline橫線上標

　　　　line-through-中間斜杠

　　　　underline-橫線下標

6.文本轉換text-transform

　　uppercase 轉換為大寫

　　lowwercase 轉換為小寫

　　capitize 首字母大寫

7.文本縮進 text-indet

　　text-indent：50px

8.css-link標簽操作

　　a:link{} 未訪問時顯示的狀態

　　a:visted訪問之后的狀態

　　a:hover 懸浮時的狀態

　　a:active 鼠標點擊時的狀態

9.列表樣式list-style

　　list-style-image--將列表的圓點用圖片代替

　　list-style-position--設置圓點的位置

10.css表格

　　border-邊框

　　表格文本對齊　　text-align和vertical-algin對齊

11.css盒子模型

　　　　　　conten-padding-border-margin

12.border邊框設置

　　12.1 border-style　　

　　　　　　dotted-點線　　　　double-雙實線

　　　　　　dashed-虛線　　　　groove--3d溝槽

　　　　　　solid-實線

　　12.2 寬度和顏色

　　　　border-width　　

　　　　border-color

13.css outline屬性

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

　　同樣有style，color，width

14.margin

　　margin 0 0 0 0 順時針 上右下左

　　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是設置屬性如何顯示，當設置為none的時候，元素消失，且不占用空間

　visibility是設置元素是否顯示，當設置為hidden的時候，元素小時，并且占用空間

16.塊和內聯元素

　　塊<div><p><h1> 可以設置寬度，高度等，獨立占有一行

　　內聯元素<span><a> 不可以設置高度寬度，和其他元素共享一行

17.CSS組合選擇符

　　 > + ~

　　空格：后代選擇器：可以選擇標簽的所有后代，子子孫孫

　　大于號：子代選擇器，可以選擇標簽的子代，只能選擇兒子，

　　+：相鄰兄弟選擇器：在同一個父類下，可以選擇在此之后的兄弟標簽

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

18，偽類

　　匹配第一個p元素　　

　　p:first-child{? }

　　匹配第一個p元素下的所有i元素

　　p:first-child i{? }

19css偽元素

　　p:first-line 第一行

　　p:first-letter：第一個字/字母

　　brfore：在這個標簽之前

　　

20/導航欄聯系

　　

轉載于:https://www.cnblogs.com/hai125698/p/10233745.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。