国产探花免费观看_亚洲丰满少妇自慰呻吟_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的屬性 這里寫圖片描述


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 齐河县| 涪陵区| 西丰县| 福海县| 招远市| 荔波县| 明星| 林口县| 镇赉县| 金乡县| 滨海县| 河北区| 萝北县| 鄂伦春自治旗| 彝良县| 临泉县| 丰镇市| 建水县| 璧山县| 县级市| 彭阳县| 宜阳县| 台中市| 临朐县| 尤溪县| 永吉县| 美姑县| 江口县| 亳州市| 中山市| 棋牌| 法库县| 巢湖市| 民县| 张家港市| 南汇区| 肇源县| 芜湖市| 赣州市| 荣成市| 赤水市|