css+div 页面布局要点整理

在进行页面布局时，知道了下面的要点是会有很大的帮助的。

   在html页面上通过div块构造页面的主题结构，页面上的元素只有2类，块级元素和内联元素，块级元素很霸道，它会让自己独占单独的一行，通过display:block样式可以将内联元素改成块级元素。

  在对页面元素进行定位时，需要知道页面默认的是position：static这种没有设置具体定位的，一般对定位不需要特别设置，在特定情况下，我们可以使用position:absoulute和position:ralative来定位元素，还可以使用float:left和float:right，来定位元素。float方式和position:absoulute方式会让元素脱离原来的页面，看上去就好像在单独的一层上一样。

 

写css时需要将通用的css提取出来写，然后针对个别元素自定义css样式，有时候为了浏览器兼容问题，还需要重置一些css属性，特别是margin和padding要设置为0. 

css 和页面元素的关系是这样的：对通用的css样式应该放到一起来写，这样就是一个css对应地控制多个页面元素，甚至是整个网站的元素。 对特殊的页面元素采用单独的css来控制，这样一个页面元素的样式就由公共定义的样式加上特定样式共同组成的了。 css中选择页面元素的方式有3种：id，tag，或者class名称来选择。

页面中导入css最好是通过link方式，特殊的可以在页面写style，不到特殊情况，最好不要在元素上写样式，因为那样会让样式和页面元素参杂在一起不方便调整。