随笔分类 -  CSS

摘要:计算权重值判断哪种样式优先应用一个标签选择器值1分一个类选择器值10分一个ID选择器值100分一个内建样式值1000分关于Web浏览器如何计算权重值,请登录网站:http://www.w3.org/TR/CSS21/cascade.html#specificity了解注:伪元素(pseudo-element)(如::first-child)通常被当作标签选择器,值1分。伪类(pseudo-element)(如:hover)则被当作类,值10分。权重值相同时,最后一个样式优先. specifity Written... 阅读全文
posted @ 2013-12-05 12:51 夏影_shadow 阅读(254) 评论(0) 推荐(0)
摘要:防止Float Drops——某一个列突然间完全落到其他列的下方,即float drop问题。导致float drop的常见原因1、列宽度计算错误,如下例:外围div,固定宽度的外围标签,宽度为760px.sidebar1(左边),宽度为150px,但两侧还有10px padding,因此它在屏幕上的总宽度为170px.main_content,正文的宽度是390px,两侧各有1px 粗的边框,和各15px的margin,因此总宽度为442px.sidebar2(右边),宽度为150px,同样两侧还有10px padding,因此它在屏幕上的总宽度为170px.每个元素的实际宽度相加,总和为7 阅读全文
posted @ 2013-11-27 10:11 夏影_shadow 阅读(207) 评论(0) 推荐(0)