十一 . css系列之css统筹、使用规范及重置样式

(一)CSS统筹
1.给html文档加标题
2.设置meta标签
a.<meta  charset="utf-8" />
b.<meta  name="keywords"   content="关键字1,关键字2,关键字3..."  />
c.<meta  name="description"   content="对文档内容的描述信息...."  />
d.<meta  name="author"  content="作者名称" />
3.超链接
a.尽可能给纯文本加超链接
b.最好不要给flash加超链接
c.尽可能少给图片加超链接(不要太绝对)
d.在使用超链接时,要加上title属性,作用是告诉浏览者超链接的指向
4.设置图片时一定要加alt属性,图片无法正常加载的原因
a.网速慢
b.图片路径错误
5.友情链接的设置可以通过友情链接来提升自己和他人的PR值,但是不要盲目设置,链接时要链接同类型的网站
6.避免大体积页面,(小于100KB)导致大体积页面的原因
a.插入过多的图片
b.有多余的代码
7.做网站时,要给网站设计一个“网站地图”,该页面有大量的超链接,通过该页面可以访问网站的各个模块
(二)CSS使用规范
1.命名规范
id的使用:ID常用于网页结构的命名
头部:header
导航:nav    subnav
广告条:banner
主体:main
页脚:footer
侧栏:sidebar
搜索:search
图标:icon
2.CSS名称构成
a.由字母、数字、下划线构成
b.不可以有中文、不可以以数字开头
c.不要使用关键字(标签、属性)
d.可以使用连字符pic-1
e.见名知意
(三)重置样式
*{ margin:0; padding:0; } 
img { border:none;display: block; } 
ul, ol { list-style:none; } 
body { color:#333; font:12px/20px "SimSun","宋体","Arial Narrow",HELVETICA; background:#fff;font-style:normal; font-weight:normal;}
a { color:#666; text-decoration:none; } 
a:visited { color:#666; } 
a:hover, a:active, a:focus { color:#ff8400; text-decoration:underline; } 

猜你喜欢

转载自blog.csdn.net/m0_37285193/article/details/81568005