云南龙网

  1. 首页 > 云知道 > >

DIV+CSS技术在网页设计的应用( 二 )

云知道流程



制作流程

（1）创建文件（文件管理及命名） 。

（2）与HTML文档建立关系 。网站常用：外链样式 。

（3）制作页面样式 。要为每一个DIV进行边界的设置，这样可以清晰地看到里面的内容，就不需要通过屏幕卷动的方式进行浏览了 。对元素进行定义编写CSS<html>等，选择符采用递归结构 。在网页设计的时候设置的标记就更加清晰了 。同HTML框架一致从上到下，从整体到局部，共用样式到个别样式 。CSS文档的顺序：共用的代码样式放在文档最前面 。CSS结构设计的顺序一般都是以HTML的顺序为标准的 。CSS选择器中的相关的属性的顺序表示：属性显示->自身属性->文本属性 。显示属性：display,list-style,position,float,clear 。自身属性：width,height,margin,padding 。文本属性：color,font,text-decoration,text-align,ver-tical-align,white-space,content 。原因：以上的顺序是我们在进行项目开发的时候使用的代码的标准，这个顺序设浏览器的渲染顺序是一致的，最终的目的是为了把执行效率进一步地提高 。

（4）注释添加：1）文档与对应的文档注释的关系是唯一的关系，这也是为了便于今后对网页的维护，注释的说明表示主要是：创建文档人和时间等信息的说明 。2）属性注释说明 。3）功能注释说明 。DIV+CSS技术在网页布局的设计上是主流技术，DIV+CSS技术符合国家W3C的一系列标准，并且可以使用DIV+CSS技术对网站的重构，可以大大提升网站浏览速度，易于维护和改版，提升网站用户与搜索引擎的友好度 。

推荐阅读


上一篇：谈网页设计的色彩应用技巧

下一篇：平面视觉元素在新闻网站网页设计的传达