如何设计网站样式，CSS网站布局的思想

网站的结构就是两部分（横向和纵向） 如果是纵向的就是正常的文档流，设置内容器的宽度和高度，设置内容和边框之间的距离 padding ,边框往外的部分margin border调这些属性就可以。

2. 一、行内元素和块元素。行内元素：输入完标签之后，不是自己占一行,行内元素的宽度和高度是由内容来决定，宽度和高度width height 不能用  css样式是display:inline;块元素 ：输入完标签之后，自己独占一行,可以设置宽度和高度，width和 height，Css样式 display :block。

1. 二、Overflow当内容溢出，如何显示；Hidden：隐藏；Auto;如果盒子装不下，就会出现滚动条；Scroll,无论是否能装下都有滚动条边框。

1. 三、外层元素的样式，会被里面的元素所继承，那些标签可以继承？如下：

1. 四、优先级。单个选择器的优先级：标签选择器  <类选择器 < id选择器 <行内样式表。

1. 五、复合选择器优先级：写的越精确，优先级越高。

1. 六、清除浮动。Div里面还有

   (外面的div父盒子>)div父盒子没有设置固定高，里面设置了浮动，父元素受影响，无法正常的计算，如何让父元素得到一个自然高，在父盒子里面的最下方加

   给该div设置清除浮动的属性clear:both。

1. 七、Fixed 固定定位。相对于浏览器窗口来进行的定位；如果不设置定位坐标，就在原来的位置；层级要被普通标签高；如果结合定位坐标，就是相对于目标位置的距离；设置固定定位之后，一定是块元素。

1. 八、Relative相对定位。相对定位占空间；如果不结合定位坐标，就是在原来的位置；如果结合定位坐标，相对【自身】，作为参考点；层级要高于普通的元素。

1. 九、绝对定位。