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

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

井陘礦網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)建站于2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)建站。

表格

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

border-spacing:相鄰單元格間距

caption-side:標題位置

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

列表

list-style-tyle:列表前邊的標記樣式 圓點,方點等等

list-style-image:列表圖像標記

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

橫向?qū)Ш? li{display:inline}

透明度

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

光標形狀

cursor:設置光標形狀,當光標放在某個div上邊,設置等待狀,手形狀等等.

day03

盒子模型

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

1.設置一定尺寸的元素

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

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

padding-top/bottom/right/left

padding:簡寫形式

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

margin-top/bottom/left/right

margin:簡寫形式

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

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

max-width:最大值

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

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

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

6.改變元素類型

1).元素類型分為:

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

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

block塊級元素:獨占一行,可以設置寬高,p,div元素

2).改變元素類型display:

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

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

3).隱藏元素: display:none

7.浮動和阻止元素堆疊

浮動:float:left/right

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

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

分享標題：Css中表格和盒子模型怎么用
路徑分享：http://m.jiaotiyi.com/article/ijicgj.html