4.DIV+CSS布局概要.ppt

* div+css网页标准布局 div DIV 全称 division 意为“区块、分割”, DIV标签是一个无意义的容器标签，用于将页面划分出不同的区域。 通过DIV将复杂的页面进行细分块，可以将问题细分一个一个解决，所以通过DIV将页面分块是一个关键的工作，也是决定最终效果与质量的前提。 css CSS (Cascading Style Sheet)，中文翻译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 div承载的是内容，而css承载的是样式 为什么要使用div+css div+css是web标准，顺应潮流 弥补html标签的功能缺陷。 加快页面加载的速度，降低流量费用。 对搜索引擎更加友好，更有利于收录和抓取您的页面。 使页面的内容和表现分离，便于维护和管理，节省大量的人力和成本。 div+css缺点 使用相对复杂 相对html中的table布局来说，divcss布局相对要复杂些，需要掌握的知识更多些 CSS网站设计的浏览器兼容性问题比较突出 各个浏览器对CSS的支持略有不同，但这些细小的不同也会使网站在各个浏览器中有较大的显示差异，甚至是面目全非 使用css控制页面样式的方式 行内样式 div style=“属性1:值1;属性2:值2;”/div 嵌入样式 style type=“text/cs