Css中表格和盒子模型怎么用

這篇文章主要介紹Css中表格和盒子模型怎么用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

表格

border-collapse相鄰單元格邊框處理,合并表格=collapse

border-spacing:相鄰單元格間距

caption-side:標(biāo)題位置

empty-cells:空單元格是否顯示

列表

list-style-tyle:列表前邊的標(biāo)記樣式 圓點,方點等等

list-style-image:列表圖像標(biāo)記

簡寫:list-style:none 取消列表的所有屬性 一般用于導(dǎo)航

橫向?qū)Ш?span lang="EN-US">: li{display:inline}

透明度

opacity:設(shè)置透明度(0-1之間取值)

光標(biāo)形狀

cursor:設(shè)置光標(biāo)形狀,當(dāng)光標(biāo)放在某個div上邊,設(shè)置等待狀,手形狀等等.

day03

盒子模型

盒子模型分為元素,內(nèi)邊距,邊框,外邊距,

1.設(shè)置一定尺寸的元素

1). width:設(shè)置元素寬度2). height:設(shè)置元素高度

2.設(shè)置內(nèi)邊距

padding-top/bottom/right/left

padding:簡寫形式

3.設(shè)置外邊距(邊框到瀏覽器邊緣或者到下一個盒子的距離)

margin-top/bottom/left/right

margin:簡寫形式

4.設(shè)置最小和最大尺寸(寬度設(shè)置為百分比時,擴(kuò)大或縮小瀏覽器或者換了大屏或小屏顯示器之后,防止元素錯位或溢出)

min-width:最小值為兩div寬度相加值

max-width:最大值

5.處理元素內(nèi)容溢出

overflow-x/y:x或y軸溢出

overflow:簡寫形式: scroll設(shè)置滾動條(溢出處理方式)

6.改變元素類型

1).元素類型分為:

inline行內(nèi)元素:在頁面中不可設(shè)置寬高,也不會獨(dú)占一行,b,span

inline-block行內(nèi)塊級元素:不能獨(dú)占一行,但能設(shè)置寬高.img元素

block塊級元素:獨(dú)占一行,可以設(shè)置寬高,p,div元素

2).改變元素類型display:

元素類型可以相互轉(zhuǎn)換,轉(zhuǎn)化之后元素性質(zhì)也隨之改變

div一般不轉(zhuǎn)化為行內(nèi)元素,會丟掉,不能設(shè)置高

3).隱藏元素: display:none

7.浮動和阻止元素堆疊

浮動:float:left/right

消除元素堆疊在一起: clear:both(左右都消除)

以上是“Css中表格和盒子模型怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！