html布局!

html-css07

html布局!,第1张

div是个装网页内容的方框 html规定的 不用理解什么意思 记住他的功能用法就行了

不是div# 而是div里面的#container

#什么什么{..} 用id=“什么什么”调用

. 什么什么{..} 用class=“什么什么” 调用

也可以直接用标签名 div p a li等 前面就不用加# .了

比如:

div{...}就是控制所有<div>

p{.....}就是控制所有<p>

div#container{...}

只控制有id为container的div

<div id="container">文字图片等</div>

其他的不起作用

<p id="container">文字图片等</p>

希望多多交流

优点:

第一、利于搜索引擎蜘蛛爬行

根据总结和经验,div+css布局有利于蜘蛛的爬行,拿html的table布局和div+css布局的网页来做对比,很显然table的字节大于div+css的,字节小就有益于搜索引擎蜘蛛下载页面所用的时间,而且也有益于蜘蛛爬行到网站深处。

第二、易于修改

在一般情况下,div+css布局的网站,都是将html页面和css文件分开的,div+css的特点就是能将网页的内容和表现形式分离,所以,假如你要修改网站整站布局的话,一般只需要修改css文件里的的个别属性即可,而这种特点是table不具备的。

第三、减少网页加载时间

前面就提到过,div+css是将css文件和html文件分开的,当用户点击网站时,是在同时下载css文件和html文件,所以可以提高打开网页的速度。

缺点:

第一、开发技术高

众所周知,div+css要兼容各种浏览器,这样增加了div+css开发的难度。

第二、开发时间长

div+css布局相对于table布局来说,div+css的耗费时间要比table布局的时间长很多,另外考虑到浏览器兼容的问题,各种浏览器间的测试也是一个费时的事情。

第三、开发成本高

就上两点所说,高技术和长时间决定了他的成本。