05 2009 档案

语义化------表单

摘要：原文：Accessible Forms :: HtmlDog.com作者：Patrick Griffiths译者：JunChen WuLabels - 标签每个表单的元素都应该有它自己的label。label标签，可以使用for属性连接一个label和表单元素。 <form><label for="yourName">Your Name</label><i... 阅读全文

posted @ 2009-05-26 13:51 一抹微蓝阅读(234) 评论(0) 推荐(0) 编辑

display:inline在网页设计中的几个基本用途

摘要：很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？[代码]display:inline的意思是基线显示可以消除I... 阅读全文

posted @ 2009-05-21 13:23 一抹微蓝阅读(852) 评论(0) 推荐(0) 编辑

CSS清除浮动元素方法

摘要：在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：<div style=”clear:both;”></div>。例如：[代码]此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。　　若将代码修改为：[代码]注意，多了一段清理浮动的代码... 阅读全文

posted @ 2009-05-21 11:26 一抹微蓝阅读(190) 评论(0) 推荐(0) 编辑

CSS选择符命名的四个原则

摘要：写CSS时，有时要花一定的时间去纠结选择符该如何命名。随意的命名，会让你陷入查找的麻烦。　　　　在这里介绍出以下的几个命名原则：原则一：CSS选择符命名应该体现结构而不是样式。　　这句话听起来很奇怪。这样不是违反了结构和样式分离的原则么？恰恰相反，其实正是遵循分离原则。要知道，CSS选择符名真正的用处是在HTML代码里修饰标签。所以它其实应该被看作结构的一部分。因此选择符的名字不可以跟样式有关。 ... 阅读全文

posted @ 2009-05-21 11:22 一抹微蓝阅读(285) 评论(0) 推荐(0) 编辑

学习CSS了解单位em和px的区别

摘要：在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神... 阅读全文

posted @ 2009-05-07 01:29 一抹微蓝阅读(170) 评论(0) 推荐(0) 编辑