盒模型
2018-06-24 01:26:59来源:未知 阅读 ()
CSS+DIV
将数据封装到div中,页面中都是有很多div组成的,通过css布局(通过css属性布局)完成这些div位置的存放,一个div就是一个盒子。
边框 border:{
--left
--right
--top
--bottom
};
#div_1{
border-top:1px solid #ccc;
border-bottom:1px dashed #ccc;
border-right:1px dotted #ccc;
border-left:1px double #ccc;
};
solid:实线
dashed:虚线
dotted:点线
double:双线
内边距/内填充
属性:padding{
--top
--bottom
--right
--left
};
padding:20px 20px 20px 20px;
外边距
margin 属性{
--top
--bottom
--right
--left
};
margin:20px 20px 20px 20px
在div中,如果margin是0,px,为什么还要空白?那空白就是body本身距离浏览器边框的距离。
所以要设置body{margin:0px};
浏览器解析body的方式不同,造成边宽边窄不同。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:css简单了解
下一篇:CSS学习笔记02 CSS选择器
- css:盒子模型边框(边框、内外边距) 2020-06-03
- 循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产 2020-05-29
- 5.盒模型 2020-05-23
- 【Vue】基础(数据 & 计算属性 & 方法) 2020-04-22
- 弹性盒模型 2020-04-02
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash