html学习总结

1单闭合标签：<br> <img /><link /><hr /><!DOCTYPE> <metal /> input   area  frame col  param

2/img是inline还是block元素，

   inline不能设置宽和高，但img可以

  block要单独一行，但img又不是。

另外img可以设置宽和高，可以设置margin值。而img自身带有一定的margin值，所以其与下方的div会有一定的间距，但是这个margin值，不能用margin：0；来消除。但是；可以这样：display：block；margin：0；我们也可以用margin：auto；让其水平居中但无法让其垂直居中（也许用定位position可以解决）

其实，img是inline元素，但很特殊，是替换内联元素，可以设置宽和高，可以设置magin，（css初始化代码都有）

3/如何让一个div中一行文字居中：

我们通过设置行高，让line-height=div.height 就可以了

 4、css中的大小表示：  px

                                20%            为其父元素的百分比

                                1.2 em        字体大小为其父元素所设置的字体大小的1.2倍

5/css3中最新加入了可以画圆角的属性：border的border-radius:xpx;

         如果一个正方形div的border-radius值为其边长的一半，其会变成一个圆；

6、关于绝对定位和相对定位

         相对定位：position：relative；  

                      top：-20px；结果相等于：bottom：20px；

        相对定位是相对该元素自己本来的位置进行一定的偏移；

        绝对定位是想对其父元素设定该元素的位置：、

          position：absolute；

           top：20px； left：39px；

 一定要注意，使用绝对定位时要求改元素的父元素也必须有position属性，否则的话会向上找他爷，一直到body元素。来实现绝对定位。

        我们要定义它父元素为：position：relative；不能使absolute，因为这样的话其父也要找他爷

另外要注意：相对定位偏移其本来的位置后，其原来的位置不会被其他元素顶替，比如其下面的div不会上去，其位置还在，

而绝对定位后，该元素不会影响其父元素里其他元素的布局，

  如果两个绝对定位形成覆盖，那么谁在后面，就会覆盖前一个。但是可以通过设置 z-index：1000；来控制谁的z-index大谁在上面，而不用显示论先后顺序。