首页 > 其他 > 详细

盒子模型

时间:2019-02-28 11:11:33      阅读:103      评论:0      收藏:0      [点我收藏+]

盒子模型:每个标签都是一个盒子
计算 宽高:box-sizing:border-box;
盒子端宽度就是width 内容自行适应


标签特性:dispaly:
inline 行 能设置宽高 默认不占一行
block 块 能设置宽高 默认占一行
inline-block 行内块 能设置宽高 默认不占一行
none 隐藏(三种方式)
disoaly:none
标签位置没了
visibilty:hidden;
标题位置还在
opacity:0.5;
标题位置还在 但是变透明了
标签以及子标签都透明了
只想背面半透 字体还是实体
设置背景色 background:
rgba(255,255,255,0.9)

从里到外:
padding(内边距)
border(边框)
margin(外边距)

超出部分处理方式:
overflow 隐藏 hidden 出滚动条scroll

布局:
浮动:float 画一个区域 不要影响别的标签

盒子模型

原文:https://www.cnblogs.com/tyblwmbs/p/10448871.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!