html的知识点分享

1、html—position/relative/absolute/fixed/三种布局定位方式的总结。relative是按照自身来说，absolute是按照浏览器来说，但是要注意的是，如果他有父级元素的话，那么他就是依照父级元素来进行改变位置的。

2、无序列表去掉前面黑点li{list-style:none;}

3、隐藏元素 - display:none或visibility:hidden

display-这个元素，设置之后原本的元素不会占用当前的空间，不会影响布局，但是后者，隐藏之后还会占用空间

4、HTML隐藏多余

Div{overflow:hidden}

5、隐藏自适应：overflow:auto;

6、关于背景的高的问题，也就是说你定义了一个div但是没有搞，是为了让你的图片在上面。那么就有这个属性了

overflow:hidden;

也就是你本身是属于父级元素的，但是你float就脱离了文本，变成浮动的，所有就不会在用父子元素的空间，所以就父级加上这个overflow:hidden;

7、锚点的设置

在你想跳转的页面的地方加上：

<a name="miao">

然后在你想加链接的地方加上

<a href="#miao">去找锚点</a>

8、点击换验证码图片

<img src="../public/common/yzm.php" alt="" style="cursor:pointer" onclick="this.src='../public/common/yzm.php?rand='+Math.random()">

9、圆角

border-radius:5px;

10、textarea的左侧文字在最左边

style="vertical-align:top"

11、html块状元素和内联元素的总结，块状元素可以设置margin，但是使用margin的时候要符合：1.块状元素，2.有宽高，其中内联元素不能设置margin和宽高的属性，只能设置padding