Heim  >  Artikel  >  Web-Frontend  >  [原]CSS+DIV总结_html/css_WEB-ITnose

[原]CSS+DIV总结_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:33:36931Durchsuche

     HTML在Web飞速发展的过程中起着重要作用,有着重要地位。HTML初衷是为了表达标签(

)的内容信息。同时文档布局由浏览器来完成,不使用任何格式的标签。慢慢地IE不断将新的HTML标签和属性添加到HTML规范中,创建文档内容清晰地独立于文档表现层的站点越来越困难。所以为了解决这个问题,创造出了HTML之外的样式即CSS层叠样式表。

 

学习了一周CSS+DIV,总结如下:


       本视频主要讲的是用CSS+DIV进行网页布局。前半部分是一些基础的css样式,后面的是一些例子,根据例子来理解CSS+DIV的布局。把每一块都写成div,然后用CSS控制其样式进行美化布局效果,着重实际操作。


       本视频主要包括CSS的基本语法与概念:设置文字、图片、背景、表格和菜单等网页元素的方法,以及CSS滤镜的使用。还有一些扩展知识:CSS与JavaScript、CSS与XML、CSS与Ajax的综合应用。后面还有几个大例子,通过大例子深刻理解了CSS+DIV布局。把一块内容放在一个DIV中,然后对其标签的id,class的样式在CSS中进行设置。保持了HTML代码和CSS代码的分离。那么HTML中引入CSS的方式有行内样式、内嵌式、链入外部样式表、导入内部样式。


 

总结:学习CSS+DIV重在理解和操作。还需要多练习。不论哪门语言都有其优缺点。

Div+CSS的优点:

1、减少页面的加载时间

    页面体积变小,浏览速度变快。

2、易于修改

     HTML页面和CSS代码是分开的,将网页的内容和表现形式分离。修改设计时只需要改一下样式即可,不会打破页面中其他样式的布局,这种特点是table不具备的。

3、保持视觉的一致性,强大的字体和排版能力

      把样式都放在CSS文件中,避免了不同区域或页面的效果偏差。

4、有利于搜索引擎爬虫:一般而言相同页面html文件table布局字节大于DIV+CSS布局的字节,所以可以节约搜索引擎爬虫爬行下载页面内容时间。

    

缺点:

1、开发技术高:要兼容各浏览器以及版本浏览器要求较高。

2、开发时间长:比表格定位复杂的多,很容易出现问题。

3、开发成本相对table高:高技术和长时间决定了高成本。

原文引用链接

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn