欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

div与css网页标准布局架构优缺点比较

 

DIV全称 division意为“区块、分割”,DIV标签是一个无意义的容器标签,用于将页面划分出不同的区域。通过DIV将复杂的页面进行细分块,可以将问题细分一个一个解决,所以通过DIV将页面分块是一个关键的工作,也是决定最终效果与质量的前提。

css

CSS (Cascading Style Sheet),中文翻译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

div承载的是内容,而css承载的是样式

div+css缺点

1.使用相对复杂

相对html中的table布局来说,divcss布局相对要复杂些,需要掌握的知识更多些

2.CSS设计的网站浏览器兼容性问题比较突出

各个浏览器对CSS的支持略有不同,但这些细小的不同也会使网站在各个浏览器中有较大的显示差异,甚至是面目全非

为什么要使用div+css

1.div+cssweb标准,顺应潮流

2.弥补html标签的功能缺陷。

3.加快页面加载的速度,降低流量费用。

4.对搜索引擎更加友好,更有利于收录和抓取您的页面。

5.使页面的内容和表现分离,便于维护和管理,节省大量的人力和成本。

使用css控制页面样式的方式

1.行内样式

<div style="属性1:1;属性2:2;"></div>

2.嵌入样式

<style type="text/css">

3.选择器{属性1:1;属性2:2;}

</style>

4.外部样式

<link rel="stylesheet" type="text/css" href="url">

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r37252.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-08-11 12:00 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。