国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

標準模式和混雜模式下的盒模型

2024-04-27 15:10:22
字體:
來源:轉載
供稿:網友

相關內容參考: http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html http://www.runoob.com/CSS/css-boxmodel.html 總結:

IE盒子模型特點:width=(border+padding+content)的寬度height=(border+padding+content)的高度標準盒模型:width=content的寬度height=content的高度

主要是針對標準模式下的盒模型進行學習 標準模式下設置元素的width實際上是對盒模型的content的寬度進行設置,而不包括border值和padding值

<!DOCTYPE html><html lang="en"><head> <title>pullpage插件實現全屏效果</title> <meta charset="utf-8" /> <link rel="stylesheet" href="css/animate.min.css" /> <link rel="stylesheet" href="css/jquery.fullPage.css"></head><style type="text/css"> .spe{ width:200px; height:200px; line-height:200px; background-color: pink; margin-bottom: 20px; text-align: center; } .special1{ padding:20px; border:5px solid red; } .special2{ padding:20px; border:5px solid red; box-sizing:border-box; }</style><body> <div class="spe">沒有border和padding</div> <div class="spe special1">有border和padding</div> <div class="spe special2">border-box</div></body></html>

這里寫圖片描述

border-box的屬性 這里寫圖片描述


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 澄城县| 平果县| 巩义市| 樟树市| 平安县| 太康县| 宁武县| 汉寿县| 望奎县| 宁明县| 格尔木市| 岑溪市| 赤城县| 仙居县| 泰宁县| 邓州市| 托克托县| 黔南| 高平市| 丹寨县| 容城县| 东源县| 怀仁县| 大同县| 洪湖市| 灵台县| 德惠市| 吉首市| 竹山县| 长兴县| 英山县| 筠连县| 大埔县| 永定县| 霍城县| 正阳县| 镇原县| 泗洪县| 五莲县| 隆回县| 虞城县|