首先需要对网页进行总体布局，将网页内容分割成若干个大板块，布局完成后，对网页进行初始化布局，将内外边距去除或进行其他设置，内边距为margin，外边距为padding，*代表所有，auto代表自动适应。
然后在这些大的板块里面再进行相应的布局，此时会用到流式布局，float：left向左流，float：right向右流，以及配合margin-top、right、bottom、left，进行相应定位，（ul li 列表不要设置宽度，否则文本与文本之间的间距达不到想要的效果）。需要注意的是，可以事先给其设置一个边框，这有助于我们进行相应的调整或修改，最后只需将其消掉即可。
最后在设置文本时，会用到white-space:nowrap; text-overflow:ellipsis; overflow:hidden;标签，它的作用为隐藏多余部分；span标签注意它是不能设置宽度的；为了使自己进行修改和检查，注释是必不可少的；在实际操作中，需使代码不要太冗长复杂，可以将相同设置写在一起， 同级元素并列用逗号，父子级元素用空格；ul li 无序列表前面的序号放在div里面时，需用list-style：inside，但是对p标签不起作用。