链接样式因为其特殊性（因为用到了伪类），所以表现比较丰富。而且因为链接的重要性，所以对于链接样式的控制就显的特别重要，但是因为样式优先级（也有叫做特殊性的）不同于其他编程语言，有其独特性，所以我感觉有必要将这些总结记录下来以备忘。

工作中的一些小的总结，没有什么内容，只是自己脑子太笨，好在有个笔头。各位看官看看便是，便不要再嘲笑没有技术含量了。呵呵～

 

点击图片可查看详细 (很幸运哦，好象发了我这本书以后，china-pub就绝版了）

 本文讨论的是'交互设计师'而不是'外观设计师'。还有许多朋友把两者混为一谈，如果你没有理解这两个区别，那么这本书确实必看不可了。'外观'设计其实没有什么大讨论的，因为外观做的不好，也就是客户觉得丑而已，而不是难看，BPCS可能接触的朋友不多吧。很老很老的ERP系统，界面不堪入目（用现代的眼光来看的话），但是仍然有很多客户喜欢。所以大家注意了，这可是'交互',这是关系到软件成败的概念。

 

阅读本文英文原文（翻译：王小佳，校对：李鱼）
感谢Adaptive Path

5年前，Robert Reimann为Cooper通讯（the Cooper Newsletter）写了第一篇题为《如果你想成为一名交互设计师》的文章。和许多人一样，我读后大受启发：那正是我理想的职业。听从Reimann的建议，我接受培训，成了一名交互设计师。

现在，因为我的书的缘故，我发现人们开始问我同样的问题：如何成为一名交互设计师？成为一名交互设计师意味着什么？每天究竟要做哪些工作？Reimann的佳作依然值得借鉴，在

 好久没更新了！刚才差点把登陆名和密码忘记...

现在忙着改版，等弄完这些再更新吧。

clear声明主要是对块元素的浮动(float)定义的,意思是取消浮动,属性主要有none | left |right | both
这个比较好理解:比如,在一个大容器内你定义了个元素float(不管它是float:left或right),那么后面的元素会与它一起分享大容器剩下的宽度，如果你想不和float一起同行显示，又不想在浏览器是错位，那就得用到clear:both
意思就是取消所有浮动

<Label>标识有两个属性，一个是FOR，一个是ACCESSKEY。FOR的意思是，这个Lable是为哪个元件服务的？而ACCESSKEY则定义了访问这个元件的热键。比如，我们有一个名字叫Name的单行输入框，我们是这样定义这个元件的：<INPUT TYPE='TEXT' ID='Name' SIZE=30>，那么，我们的<label>可以如此定义：<LABEL FOR='Name' ACCESSKEY='N'>姓　　名（<U>N</U>）：</LABEL>。大家可以看见，这个<Label>是为那个ID为“Name”元件服务的，而ACESSKEY则定义了，这访问这个元件的热键为“Alt+N”。

<FORM>
　　　　<LABEL FOR='Namebox' ACCESSKEY='N'>姓　　名（<U>N</U>）：</LABEL>
　　　　<INPUT TYPE='TEXT' ID='Namebox' SIZE=30> <br>

　　　　<LABEL FOR='Emailbox' ACCESSKEY='E'>电子邮件（<U>E</U>）：</LABEL>
　　　　<INPUT TYPE='TEXT' ID='Emailbox' SIZE=30> <br>

　　　　<LABEL FOR='Phonebox' ACCESSKEY='P'>联系电话（<U>P</U>）：</LABEL>
　

原文作者：Garrett Dimon 原文地址：http://www.digital-web.com/articles/architecting_css/

汉译作者：robin 汉译原文地址：http://my.donews.com/htmlor/2006/10/31/architecting_css/

大约一个月之前，看到了Garrett Dimon的这篇《Architecting CSS》，不禁动了翻过来的念头。联系作者后他满口答应，我也准备3天之内完工。只可惜国庆假期琐事繁多，一直腾不出手来开工。拖啊拖拖啊拖，一直到今天才得完成。这效率……唉，真是愧对作者，希望他别见怪~

废话不说了，回到主题。关于这篇文章，我有两个声明：1.不是css用法指南，而是宏观上的组织架构方法；2.没有提出绝对正确的某种方案，而是列出多种方案以及利弊让你根据具体情况选择。

最常见的div+css网页布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。

结构代码，top left right foot 四个模块全部独立、互不嵌套。


顶部属于常规定义。

#top { height:100px; background:#ccc; width:760px; margin:auto; text-align:center;}

方法A: 外层left定义为760px宽并居中；内层left_module定义为实际的左侧宽度280px，且绝对定位，top值等于顶部定义的高度。
这种方法的好处是：left right 两个模块代码片断可以互换调整显示优先级。

#left { width:760px; margin:auto;}
 &

    业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ 

     Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 
     <DIV>Very excellent webmaster club www.caifuw.com </DIV> 
     如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。 
     DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 

     CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局

用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!
在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用!

命名规范

常用的CSS命名规则： 

头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center 

命名全部使用小写字母，如果需要多个单词，单词间使用“-”分隔，比如user-list

常用代码结构：

div：主要用于布局，分割页面的结构
ul/ol：用于无序/有序列表
span：没有特殊的意义，可以用作排版的辅助，例如