(一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体：main 　　热点：hot 　　新闻：news 　　下载：download 　　子导航：subnav 　　菜单：menu 　 子菜单：submenu 　　搜索：search 　　友情链接：friendlink 　　页脚：footer 　　版权：copyright 　　滚动：scroll 　　内容：content 　　标签页：tab 　　文章列表：list 　　提示信息：msg 　　小技巧：tips 　　栏目标题：title 　　加入：joinus 　　指南：guild 　　服务：service 　　注册：regsiter 　　状态：status 　　投票：vote 　　合作伙伴：partner (二)注释的写法: 　　/* Footer */ 　　内容区 　　/* End Footer */ (三)id的命名: 　　(1)页面结构 　　容器: container 　　页头：header 　　内容：content/container [...]

/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide – http://mozilla.org/contribute/writing/markup) */ /* Suggested order: //显示属性 * display * list-style * position * float * clear //自身属性 * width * height * margin * padding * border * background //文本属性 * color * font * text-decoration * text-align * [...]

很早就想为CSS做个图,可惜一没时间二挺复杂,今天写了操作性之后,也懒得做活了,就打开fireworks开始作图啦!下面是关于整个CSS的: 说明: 现阶段大家使用的CSS,分两中模式:Quirks mode和Strict mode, Quirks mode自然是浏览器生产商自己的模式,其中含有对CSS的解析,私有CSS. 标准模式(strict mode),当然有W3C制定,现在浏览器普遍支持的和我们使用的是CSS 2.1 规范(CSS 2.1 Specification). 关于这两种模式的详细情况可去阅读Quirks mode and strict mode 根据Quirks mode诞生了CSS hack & filters,过滤浏览器,使的为网页设计CSS样式的时候,能够兼容各种浏览器. 关于属性的: 属性名可以包含以下信息 取值: 规定的值 & 语法 初始值: 初始的值 应用于:可以应用于哪些元素 继承性: 是否拥有继承性 百分率:百分比值是怎么工作的? 媒体: 可用于那种设备 优先权:后者覆盖前者 !important声明:声明优先权(IE5.X 6.0 不支持) 说明一下CSS的优先权,old9解释的比较详细,包括选择符的优先权,!important声明,@import规则,内嵌CSS

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 程序代码 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css 程序代码 #wrap{white-space:normal; width:200px; } IE浏览器 连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 html 程序代码 abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111 css #wrap{word-break:break-all; width:200px;} 或者 #wrap{word-wrap:break-word; width:200px;} Firefox浏览器 连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条 html 程序代码 abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111 css 程序代码 #wrap{word-break:break-all; width:200px; overflow:auto;} 对于table元素 IE浏览器 1. 使用 table-layout:fixed;强制table的宽度,多余内容隐藏 <table style="table-layout:fixed" width="200"> <tr> <td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss </td> </tr> </table> 2. 使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word [...]