常见html知识总结

1页面居中问题

在body标签定义margin:0 auto;这个CSS在IE8中测试过一回，页面不能居中，解决办法是：
把这代码写在div大框架中就可以了。

2css3中的box-shadow

它有五个参数：
    第1个长度值用来设置对象的阴影水平偏移值。可以为负值
    第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
    如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
    如果提供了第4个长度值则用来设置对象的阴影外延值。不允许负值
    设置对象的阴影的颜色

3background-size:cover

使图片平铺整个浏览器

4clear：both

去除浮动,改变布局（重要）

5background-position

这个属性可以用于大图片的隐藏，减少服务器的请求，下面是对图片的一些说明：

设置或检索对象的背景图像位置。必须先指定 background-image 属性。
该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center ，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。
具体使用场景上连接：http://blog.csdn.net/JeamKing/article/details/5617088

6outline:none

7display：inline、block、inline-block的区别（用span来测试）

inline为行内元素，宽高不起作用，block，把行内元素转为块级元素，独自占一行，它的实际宽高是本身宽高+padding，inline-block可以解决div有宽高，又不希望它独占一行的问题。具体解说上连接：http://blog.csdn.net/z69183787/article/details/23933481。很多时候我们必须使一些块元素并排显示，一般想到的是必须使用浮动，但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG，所以很多时候不得不把这个块元素套在一个内联元素里面，然后给内联元素浮动和边距.这就是display:inline-block的解释；如果要去掉这个属性并列时所带来的空格，参考这个链接：http://blog.csdn.net/u011034081/article/details/45171321

8position:relative和position：absolute的使用

使用这两个属性的要领是：在小的范围内要使用绝对定位，在任何地方移动都不会出现问题。因为它会根据父类元素移动而移动，父类元素使用相对定位（position：relative），子类元素绝对定位（position：absolute）。

9list-style 

去除ul标签中的原点

10cursor：pointer 小手

11border-radius：圆角

12contentEditable="true"在可编辑div中插入文字或图片

13display:inline 块级元素转为行内元素

14img{border:0px;}去掉图片标签的默认边框

15overflow：hidden

16行内样式引入img的写法

style="background:url(images/1.jpg) no-repeat top center;"

17jquery获取当前元素的索引

$(this).index();

18visibility:hidden /visable常用于span的隐藏和显示