日期:2014-05-17  浏览次数:20932 次

XHTML规则
以正确的DOCTYPE和名字空间开始
使用的meta内容元素声明你的内容编码语言
用小写字母写所有的元素和属性名称
给所有属性值加引号
给所有属性赋值
关闭所有标签
用空格和斜杠关闭标签
不要在注释内容中使用“--”
把所有符号编码化

CSS样式表调用方式
1、利用@import引入
例如:<style type="text/css">
@import:url(将引入的样式表的路径/文件名.css);
      </style>
2、基本的命名规范
页眉:header
容器:container
版权:copyright
主导航:mainMenu
标志:logo
标题:title
图标:icon
搜索:search
登陆:login
信息框:message
内容:content
页脚:footer
导航:menu
子导航:subMenu
标语:banner
侧边栏:sidebar
按钮:btn
链接:link
3、每个选择器的样式独占一行
   这样能够大幅度的缩减代码的行数,便于查找选择器
  
   每类选择器的样式放在一起
    可防止重复定义,方便后期的维护

    派生选择器按派生层数在前面加tab键空格
     多少层就加多少个tab键,这样可使代码层次清楚

4、text-indent:2em;段前缩进
5、块级元素标签
address 地址
center 居中对齐块
dl     定义列表
h1     大标题
h3     3级标题
h5     5级标题
hr     水平分隔线
ol     排序表单
pre    格式化文本
ul     非排序列表
div    常用块级容器,也是CSS layout的主要标签
form   交互表单(只能用来容纳其他的块级元素)
noframes -frames可选内容,(对于不支持frames的浏览器显示此区块内容)
noscript 可选脚本内容(对于不支持script的浏览器显示此区内容)
blockquote 块引用
dir     目录列表
fieldset form控制组
h2       副标题
h4       4级标题
h6       6级标题
menu     菜单列表
p        段落
table    表格
内联元素:
a          锚点
acronym    首字
big        大字体
br         换行
dfn        定义字段
font       字体设定(不推荐)
img        图片
kbd        定义键盘文本
q     短引用
strike     中划线
sub        下标
var        定义变量
tt         电传文本
samp       定义范例计算机代码
code       计算机代码(在引用源码的时候需要)
span       常用内联容器,定义文本区块
abbr       缩进
b          粗体
small      小字体文本
cite       引用
em         强调
i          斜体
input      输入框
label      表格标签
s          中划线(不推荐)
strong     粗体强调
sup        上标
tesxtarea  多行文本输入框
u          下划线
select     项目选择
font字体
font 可选
   可选

       _____________|____________
       |            |           |
font:italic    small-caps     bold
       | |
     font:style    font-weight
       | font:variant    |
       |____________