1.清除格式,清除浏览器自带的格式如margin padding input等等
2.设置页面基本的属性body{背景颜色,文本颜色,文本行距,文本字体大小,绝大多数}
3.开始给网页划分结构,分成导航区,内容区,底部区,然后根据页面结构给其细分.
导航栏设置:
<div class="nav">
<a href="#">1</a>
<a href="#">22</a>
</div>
比如为了实现点击时文本中的文字处于中间,并且根据文本大小不能而产生的效果不同
.nav{width:600px;height:40px;background:black;}
.nav>a:link,.nav>a:visited{padding-left:30px;padding-right:30px;float:left;display:block;text-decoration:none;height:40px;line-height:40px}
.nav>a:hover{background:blue;text-decoration:none;}
行内元素:不能独占一行,不可以设置宽高。不具有width height padding 等属性,内容根据文本内容来称起来.
块级元素:独占一行,可以 设置宽高,