网页盒子模式_保定网站建设|保定百度推广|保定网页制作|保定网站优化|网站建设制作公司|保定建站优化公司-宜迅网络
网站新闻

网页盒子模式

标签: | 作者:admin | VISITORS: | 来源:未知
27
Jan
2016

什么是盒子模型?---

  盒子模型就是一个有高度和宽度的矩形区域

  1、所有html标签都是盒子模型

  2、<div>标签自定义盒子模型

  盒子模型的组成---

  盒子模型组成部分:

  自身内容: width、height 宽高

  内边距:padding 

  盒子边框:border 边框线

  与其他盒子距离:margin 外边距

  border 边框---

  常见写法  border:1px solid #f00;

  单独属性:

  border-width: ;

  border-style: ;(dotted 点状虚线)dashed(虚线)solid(实线)double(双实线)

  border-color: ;(颜色)

  padding 内边距---

  值:像素/厘米等长度单位、百分比

  padding:10px;  上下左右

  padding:10px 10px;  上下  左右

  padding:10px 10px 10px; 上 左右 下

  padding:10px 10px 10px 10px; 上 右 下 左

  单独属性:

  padding-top: ;

  padding-right: ;

  padding-bottom: ;

  padding-left: ;

  margin 外边距---

  值:与padding相同 

  单独属性:与padding相同

  外边距合并: 两个盒子同时设置了外边距,会进行一个外边距合并

相关新闻
网站建设推广公司 | 建站设计服务 | 网站建设宣传外包 | 服务范围 | 网站新闻 | 服务客户 | 关于宜迅
在线客服 网站售后服务 网站推广支持 网站建设咨询
分享按钮