很久没有自己做网站 这次跟着李炎恢的视频HTML5视频教程做一个旅游网的网站 才发现HTML5的博大精深   。

要建立一个网站 第一步骤必然是了解需求后 要想好怎么设计好页面 怎么排版才能美观   一个网页的布局是否美观是决定这个网站的第一要素。

        在做网页的时候发现网站必须满足一定的规范  层次要分明 要有目录结构 <body><nav><section>都需要一个<h1>到<h6>的标题要充当它的目录  <div><header>是不需要的  若子标题的父节点是不需要标题的 则往上推  推到第一个需要标题的元素为止。

       首先  ，网站必然有首有尾 html提供了<header></header> 以及<footer></footer>标签才定义头部和尾部

 头部一般包含网站logo 以及导航栏  怎么让logo以及导航栏能和睦的排到一行有时让人头疼   现在知道使用无序列表ul创建导航栏 但因为li是内联是块级元素导致导航栏的每个条目是独占一行的 这时候使用float:left让li居于一行或者使用display:inner-block使其居于一行 在设置logo向左float:left   再设置ul向右浮动即可  其余便是调调间距字体  (dispaly:block设置为块级元素设置宽高对其有效 ；display:inline为设置内联元素 设置宽高对其无效 ；display:inline-block可将对象呈递为内联对象，但是对象的内容作为块状对象呈递的.有时候我们需要元素同时具有宽高属性和同行属性就可以使用inner-block )  总之，熟练的运用float 和display 属性能自然的布局页面 css定位机制三个 一就是普通流 二是浮动 三是定位 普通流就是从左到右 从上到下的排版布局   ；浮动脱离了文档流 不占空间；position三个属性：static保持文档流；relative相对本身的原始距离发生位移且保持文档流，占空间； absolute：脱离文档流，不占空间 且相对于其包含块来定位。