自动补全 tab 同时编辑多行 按住alt 鼠标点击 同时对个标签 标签x数字
并列关系,兄弟关系
塌陷 父元素 overflow hidden 父子关系外间距塌陷 子元素设上外间距 此子元素与父元素不会产生上外间
解决方法:1给父元素设置:overflow :hidden
2给父元素设置上内填充或者上边框
3规避margin 巧用padding 边框 border
去掉浏览器自带内外间距{margin;0 ;
padding;0;
兄弟关系外间距塌陷问题
现象:元素呈并列关系,在垂直方向相领的:margin
外间距问题,会出现叠加
两个值一样大,取当前值
两个值不同,取较大值
原因:并列关系的两个元素用了外间距区域
解决:分别给这两个元素套一个父元素并为父元素
设置overflow;hidden
.box1{width;100px;height;100px;background-color:red;}
.box2{width;100px; height;100px; backround-color:red ;margin-top 100px;father1,father2}overflow.hidden
标题标签;<h1>~<h6>
特性:宽度默认撑满整个父元素
高度默认由内容撑开
独立成行-垂直布局
自带外间距
自带加粗效果
文字大小依减小
css盒子模型
边框
1.border-width:边框的宽度
2.border-style:边框类型
solid:实 double:双实 dashed:条状线型 dotted:点状边框 none:无
3.border-color 边框颜色 rgb rgba
4.复合写法:border-color:pink 一个值四个
二个值 上下 左右 三:上 左右 下
四:上 右 下 左
单边框复合:边框高度 边框类型 .边框颜色,去掉边框:border:o/none