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大谁在上面,而不用显示论先后顺序。

原文地址:https://www.cnblogs.com/dunken/p/3871660.html