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 |
|____________