CSS常见小问题整理

猫性男孩

写了div之后，在页面没有显示
答：可以在div中加写汉字，就可以看到这个div的属性了。
背景图片的定位总是不准
答：在懂得了background-position的三种定位方式（a.按百分比 b,绝对位置 c.关键字）之后，确定你测量的图片大小为100%，而非其他百分比。可以使用ps来进行测量。
display属性的灵活应用
答:巧用设置display:inline，可以达到一些需要的显示效果.
display:inline-block;
优点：集块级元素和行内元素于一身。
缺点：只能用于行内元素。对IE6、IE7不支持。
背景图片使用repeat,无法达到平铺效果时
答：可以尝试给图片添加高和宽，使得图片平铺适当位置。
css样式表的优先等级及解析顺序
答：优先级由低到高：浏览器缺省样式表、外部样式表、内部样式表、内联样式表。
除此之外，从左到右，从上到下解析。在相同优先级时，后定义的属性会覆盖先定义的
浮动元素在父元素之外该怎么办？
让父元素根据浮动元素自适应高度的方法有三：
一、让父元素也浮动。但这样会影响父元素之后的布局。有副作用。
二、在浮动元素之后紧跟着加清除浮动的标签。如

.clear{ clear:both;}
三、给父元素挂一个特殊的class，直接从父元素清除浮动。
CSS的权重优先选择
一、如果不同选择符设置相同样式，会选择权重高的选择符设计的样式。
html标签权重是1，class的权重是10，id的权重是100. div em 权重是1+1=2，strong.demo 权重1+10 = 11 ,#test .red 权重 100+10=110。
二、如果是相同选择符设置相同样式
样式会选择就近原则，哪一个最后定义，哪一个有效。
补充： 选择符权重很重要，我们要小心使用。为了保证样式容易被覆盖，提高可维护性，尽量少用子选择器，保证权重尽可能的低。
CSS sprite图片翻转技术优缺点
优点：解决了图片加载时的背景空白。解决一张图片发出一个Http请求，给服务器带来的压力。
缺点：降低开发效率。因为需要精确定位图片位置。增大维护难度。因为大图中每个小图的改动都可能影响周边图像。
对于网站流量不是很大的，使用的话，得不偿失。
id 与 class 的区别和应用
一、id只有一个，不可重用，会限制扩展性。class 可以有多个。
二、id 权重为100.class为10。
三、JS可以getElementById()，但不可以byClass.
css hack
a:hover属性在点击过后就失效了，怎么回事呢？
答：要注意:link ,:hover,:visited,:active的编码顺序。。记忆方式LoVe HAte.

光明使者

新手顶一个,嘿嘿