怎样才能用div和css把网页布局的很美观？

Posted 2023-03-31

可是让我用div和css给网页布局真的很难 哎！

div+css不仅起到网页布局制作的功能还能起到代码优化，怎样才能以最快的速度打开网页。
在用打开速度方面我们就要考虑到用背景定位技术，这样无论你制作的页面含有多少小图标或小图片都可以统一放在一个图片里，这样减少浏览器网客户端读取的次数。。参考：www.qq.com 你右击把qq网站的背景图片，凌晨一下，在看一下那个图片，就会明白了。
div+css布局制作网页时还要考虑到浏览器兼容性的问题。比如怎样兼容IE6、7、8、及火狐浏览器等常用浏览器。
其实网页制作布局还有很多，我只一些例子而已。
我是做网页制作布局的大家可以一起探讨一下啊。 参考技术A div+css仅起网页布局制作功能能起代码优化才能快速度打网页
用打速度面我要考虑用背景定位技术论制作页面含少图标或图片都统放图片减少浏览器网客户端读取数参考:www.qq.com
右击qq网站背景图片凌晨看图片明白
div+css布局制作网页要考虑浏览器兼容性问题比兼容IE6、7、8、及火狐浏览器等用浏览器
其实网页制作布局我些例已
我做网页制作布局家起探讨啊

为啥要用div+css来进行网页布局？

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。

有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

定义：

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用id或class来标记＜div>，那么该标签的作用会变得更加有效。

注释：＜div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。

提示：请使用＜div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

用法：

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的特定的格式表现。可以通过<div>的class或id应用额外的样式。

不必为每一个<div>都加上类或id，虽然这样做也有一定的好处。

可以对同一个<div>元素同时应用class和id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的特定的元素。

参考技术A 因为好用、流行，当然你也可以自定义标签来进行网页布局，只要写好css样式即可，甚至你可以用老掉牙的table来给页面进行布局。