溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹Css中表格和盒子模型怎么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
表格
border-collapse相鄰單元格邊框處理,合并表格=collapse
border-spacing:相鄰單元格間距
caption-side:標題位置
empty-cells:空單元格是否顯示
列表
list-style-tyle:列表前邊的標記樣式 圓點,方點等等
list-style-image:列表圖像標記
簡寫:list-style:none 取消列表的所有屬性 一般用于導航
橫向導航: li{display:inline}
透明度
opacity:設置透明度(0-1之間取值)
光標形狀
cursor:設置光標形狀,當光標放在某個div上邊,設置等待狀,手形狀等等.
day03
盒子模型
盒子模型分為元素,內邊距,邊框,外邊距,
1.設置一定尺寸的元素
1). width:設置元素寬度2). height:設置元素高度
2.設置內邊距
padding-top/bottom/right/left
padding:簡寫形式
3.設置外邊距(邊框到瀏覽器邊緣或者到下一個盒子的距離)
margin-top/bottom/left/right
margin:簡寫形式
4.設置最小和最大尺寸(寬度設置為百分比時,擴大或縮小瀏覽器或者換了大屏或小屏顯示器之后,防止元素錯位或溢出)
min-width:最小值為兩div寬度相加值
max-width:最大值
5.處理元素內容溢出
overflow-x/y:x或y軸溢出
overflow:簡寫形式: scroll設置滾動條(溢出處理方式)
6.改變元素類型
1).元素類型分為:
inline行內元素:在頁面中不可設置寬高,也不會獨占一行,b,span
inline-block行內塊級元素:不能獨占一行,但能設置寬高.img元素
block塊級元素:獨占一行,可以設置寬高,p,div元素
2).改變元素類型display:
元素類型可以相互轉換,轉化之后元素性質也隨之改變
div一般不轉化為行內元素,會丟掉,不能設置高
3).隱藏元素: display:none
7.浮動和阻止元素堆疊
浮動:float:left/right
消除元素堆疊在一起: clear:both(左右都消除)
以上是“Css中表格和盒子模型怎么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
