文章分类 - CSS
Articles about Cascade Style Sheets.
摘要：display:block就是将元素显示为块级元素. block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。display:inline就是将元素显示为行内元素.inli...
阅读全文
摘要：发现很多朋友对 CSS 的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断 CSS 的优先权，更应反思自己的 CSS 代码，是否合理？是否优化？CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。Specificity 具体的...
阅读全文
摘要：原文：Accessible Forms :: HtmlDog.com作者：Patrick Griffiths译者：JunChen WuLabels - 标签每个表单的元素都应该有它自己的label。label标签，可以使用for属性连接一个label和表单元素。 <form><label for="yourName">Your Name</label><i...
阅读全文
摘要：很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？[代码]display:inline的意思是基线显示可以消除I...
阅读全文
摘要：在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style=”clear:both;”></div>。例如：[代码]此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。 若将代码修改为：[代码]注意，多了一段清理浮动的代码...
阅读全文
摘要：写CSS时，有时要花一定的时间去纠结选择符该如何命名。随意的命名，会让你陷入查找的麻烦。 在这里介绍出以下的几个命名原则：原则一：CSS选择符命名应该体现结构而不是样式。 这句话听起来很奇怪。这样不是违反了结构和样式分离的原则么？恰恰相反，其实正是遵循分离原则。要知道，CSS选择符名真正的用处是在HTML代码里修饰标签。所以它其实应该被看作结构的一部分。因此选择符的名字不可以跟样式有关。 ...
阅读全文
摘要：在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神...
阅读全文
摘要：译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。引用一段来自Dean Edwards的评价：I recommend that every C...
阅读全文
