十七、布局

布局

一、版心

1. 大多数网页都会设置一个版心，用于显示网页的主要内容。
2. 版心的宽度的范围大概是960-1200之间。
3. 版心可以是一个，也可以是多个。

二、布局的常用的命名方式

位置	命名
顶部导航条	topBar
页头	header、page-header
导航	nav、search-bar
搜索框	search、search-box
横幅、广告、宣传图	banner
主要内容	content、main
侧边栏	aside
页脚	footer、page-footer

三、重置默认样式

1. 常见的默认样式

• p元素有上下margin。
• h1-h6也有上下margin，字体加粗等等。
• body元素有8px的margin。
• 超链接有文字颜色和下划线。
• ul元素有左边的padding
• .....

2. 清楚默认样式

• 使用通配符选择器,临时写一个通配符选择器

*{
    margin: 0;
    padding: 0;
}

• 使用别人写好的reset.css ，百度找到reset.css 重置样式。

• Normalize.css 是一种最新的方案，清楚的同时，保留了一些有价值的样式

  地址：necolas.github.io/normalize.c…

相对于reset.css ，Normalize.css有以下优点：

1. 保留了有价值的样式
2. 为大部分html提供一般化的样式。
3. 新增HTML5 元素的设置。
4. 对并集选择器使用比较谨慎，有效避免浏览器开发者工具 样式显示混乱。