css基础笔记7-页面的基本制作

页面布局整体思路

1.必须确定页面的版心（可视区），我们测量可得知。

2.分析页面中的行模块，以及每个行模块中的列模块。页面布局第一准则。

3.一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。页面布局第二准则。

4.制作HTML结构。遵循先有结构，后有样式的原则。结构永远最重要。

5.所以，先理解布局结构，再写代码尤为重要，这需要我们多写多积累。

最好做一个专门居中且宽度固定的类，因为整个网页需要一个整齐的布局，这个类可以更好的布局页面，这也叫做版心

头部制作

先要有一个大盒子，里面有所有的头部元素，给大盒子高度（因为宽度可以靠那个专门的类来设置），如果要用margin设置这个大盒子的位置，要注意那个专门的类（版心）的居中可能是用margin来设置的，所以在设置大盒子的margin左右值的时候要设置auto，不然会冲突，覆盖版心的居中设置，使大盒子不会居中。

logo制作

用一个和logo图片等大的盒子，里面放logo图片，然后盒子左浮就行了

导航栏注意点

实际开发中，我们不会直接用链接a而是用li包含链接（li+a）的做法。

原因：li+a语义更清晰，一看这就是有条理的列表型内容。如果直接用a，搜索引擎容易辨别为有堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险），从而影响网站排名。

注意：让导航栏一行显示，要给li加浮动࿰