apple_73204060的博客

标准流在最底层 (海底) ------- 浮动 的盒子 在 中间层 (海面) ------- 定位的盒子 在 最上层 （天空）浮动元素、绝对定位(固定定位）元素的都不会触发外边距合并的问题。1.使用绝对定位的元素的起始点是最近的的定位父元素，刚才咱们说过，绝对定位，要和带有定位的父级搭配使用，那么父级要用什么定位呢？定位的盒子有了边偏移才有价值。也就是说，我们给盒子改为了浮动或者定位，就不会有垂直外边距合并的问题了。简单说， 我们定位的盒子，是通过边偏移来移动位置的。

概念元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。作用：让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。语法：选择器 { float: 属性值;属性值描述none元素不浮动（默认值left元素向左浮动right元素向右浮动margin : 0;} .box1 {/*元素添加浮动属性之后1.当前元素会脱离标准流的控制，俗称脱标2.脱标以后将自己原来的位置漏给了下方标准流的盒子。

很多情况下，我们不需要指定4个边框，我们是可以单独给4个边框分别指定的。上边框下边框左边框右边框border-top-style:样式;border-bottom-style:样式;border-left-style:样式;border-right-style:样式;border-top-width:宽度;border- bottom-width:宽度;border-left-width:宽度;border-right-width:宽度;border-top-color:颜色;

什么是标签的显示模式？标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个作用：我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。标签分类：单标签和双标签标签的显示模式分类：块标签和行内标签元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素。

属性表示注意点font-size字号我们通常用的单位是px 像素，一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位font-style字体样式记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal属性表示注意点color颜色我们通常用 十六进制 比如 而且是简写形式 #fff行高控制行与行之间的距离。

选择器作用缺点使用情况用法标签选择器可以选出所有相同的标签，比如p不能差异化选择较多类选择器可以选出1个或者多个标签可以根据需求选择非常多id选择器一次只能选择器1个标签只能使用一次不推荐使用通配符选择器选择所有的标签选择的太多，有部分不需要不推荐使用。

样式表优点缺点使用情况控制范围行内样式表书写方便，权重高没有实现样式和结构相分离较少控制一个标签（少）内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面（中）外部样式表完全实现结构和样式相分离需要引入最多，强烈推荐控制整个站点（多）