锐客网

  1. 首页 > it技术 > >

层叠样式与盒子模型

层叠样式：（display）
块：占一行，可以设置高和宽度属性值：block
行内块：不占一行，可以设置高和宽度属性值：inline block
行内：不占一行，不可以设置高和宽度高和宽度根据内容来 属性值：inline
注：一、块的隐藏方法
1.display：none（不占位）
2.visibility：hiddden（占位，不常用）
二、z-index设置层
浮动样式：position
fixed：绝对值，相对于body（屏幕），移动时自身位置消失
relative：相对值，相对自身，移动时自身位置不消失
absolute：绝对值，相对于父标签中的relative，移动时自身位置消失
盒子模型：
常用代码
padding：内边距
【层叠样式与盒子模型】boder：边框
magin：外边距
border:宽度 样式 颜色
box-sizing：border-box 格式尺寸
浮动：
float：left right
阴影：box-shadow: 10px 5px 10px #ccc inset;
圆角：border-radius: 10px;
居中：magin:0 auto;

转载于:https://www.cnblogs.com/diverman/p/8127621.html

    推荐阅读


    上一篇：处理|处理 Bootstrap CSS 冲突

    下一篇：一文读懂实用拜占庭容错(PBFT)算法