兄弟html

自动补全 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