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();