哇哈哈，你们知道吗？建网站就像搭积木一样，需要把每一块dou放对地方，这样kan起来才漂亮，用起来才舒服。今天我就来给大家说说怎么搭出既好kan又好用的网站页面布局，到位。！

先说说 我们要把网站当报纸kan

就像报纸一样，网站也需要有头版、有专栏，有各种小版块。这样，用户一kan就知道哪里是重点，哪里是内容。所以说设计网站页面布局，就像编辑报纸一样，要会排版，欧了！。

浮动式布局， 就像玩滑板一样

复盘一下。 浮动式布局，就像是滑板小子在滑板上自由穿梭。它Neng让网页内容灵活地排列，但是也要小心，主要原因是滑板小子Ru果不小心，就会摔跤哦。比如说IE6.0就有一个双倍间距的问题，就像滑板小子摔了个大跟头。

清除浮动， 就像给滑板小子戴上头盔

清除浮动，就像是给滑板小子戴上头盔，保护他不受伤害。清除浮动的方法有hen多，就像给滑板小子选择不同的头盔一样，要选Zui合适的。

不要用ID太多， 就像不要给滑板小子戴太多帽子

ID选择符，就像是滑板小子的帽子。帽子太多，滑板小子就会觉得热，不舒服。 境界没到。 所以我们不要给网站页面用太多ID，这样网站才会凉快，舒服。

浮动与清除浮动， 就像滑板小子和头盔的关系

CSS样式，就像是滑板小子的头盔，保护他不受伤害。我们要合理使用CSS布局， 是不是？ 就像给滑板小子选择Zui合适的头盔一样。

合理使用CSS布局， 就像给滑板小子选择合适的滑板

CSS布局的网页，就像是滑板小子的滑板，要选择适合自己的。利用class选择符，就像给滑板小子选择Zui合适的滑板，这样他才Neng滑得geng好。

定位方式的布局， 就像滑板小子的滑行技巧

定位方式的布局，就像是滑板小子的滑行技巧。这种布局方式对页面布局的设计精确性要求hen高， 小丑竟是我自己。 但是它的盒模型是固定高和宽的，就像滑板小子的滑行技巧不Neng随意改变。

样式的重用性， 就像滑板小子的滑板一样

实际上... 样式的重用性，就像是滑板小子的滑板。我们要利用class选择符， 重复使用某个样式属性，就像滑板小子重复使用同一款滑板一样，这样网站才会geng加流畅。

类选择符及ID选择符使用字母+数字方式命名， 就像给滑板小子的滑板贴上标签

类选择符和ID选择符的命名，就像给滑板小子的滑板贴上标签。我们要用字母+数字的方式命名， 实不相瞒... 这样，滑板小子的滑板才Neng被快速找到。

好了今天的课程就到这里啦！希望你们douNeng像滑板小子一样，搭出既好kan又好用的网站页面布局！哇哈哈，我们下节课再见啦！

分享网站页面布局的原则是什么 文章分享：https: 开搞。 //www.cdcxhl.com/news/.html