11.23学习日志

      11.23学习日志

       元素的类型

块元素：独自占据一整行;可以设置宽，高,对齐等属性；

 

            一：行类元素1:不占据有独立区域；

2：靠自身的字体大小和图像尺寸来支撑

3：不能设置宽，高，对齐等

行类元素：<strong> <a> <u> <img> <b> <em> <span> <input>

 

(1)  <h1~h6> <p>  他们只搭建文本结构

在它们内只加文本和行内元素 不能插入 其他块级元素

（2）其他块级元素只能加文本或者其他行内元素

（3） 行内元素里面只能加文本或者其他行内元素，不能加块级元素

但是<a> 是特列，<a>内可以加块级元素

（4）<img>  <input>是可设置宽 高 属性 的特殊行内元素

 

 

二：相邻块元素之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者。

 

 

 

三:对于两个镶套关系的快元素，如果父元素没有上内边距和边框，则父元素的上外边距与元素的上外边距发生合并，合并的外边距为两者中的较大者，子元素移到父元素的顶部。

 

 

四：float 浮动  不占地面空间 

  float：left；float：right;

    原地面位置被下一个元素占用 

   元素浮动以后；它的类型相当于行内元素；