Dreamweaver CS3网页制作之布局实例
Dreamweaver CS3网页制作之布局实例
发布时间:2016-12-27 来源:查字典编辑
摘要:上一篇文章介绍了DreamweaverCS3网页制作之CSS布局规则一、CSS规则定义之“类型”类型主要针对文本属性...

上一篇文章介绍了Dreamweaver CS3网页制作之CSS布局规则

一、CSS规则定义之“类型”

类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。

Dreamweaver CS3网页制作之布局实例1

二、CSS规则定义之“背景”

·背景有背景颜色和背景图像的选择设置。

·利于背景图像的“重复”可进行“网页背景”、“横向菜单”和“纵向分栏”等的特效。

·利于背景图像的水平、垂直对齐位置可以设置页面效果。

Dreamweaver CS3网页制作之布局实例2

Dreamweaver CS3网页制作之布局实例3

三、CSS规则之“区块”

文字缩进与背景图像的结合案例:如何显示新闻列表新闻标题前的箭头(背景图像 区块缩进)

Dreamweaver CS3网页制作之布局实例4

四、CSS规则之“边框”

自行定义边框样式、颜色和宽度。

Dreamweaver CS3网页制作之布局实例5

Dreamweaver CS3网页制作之布局实例6

五、CSS规则之“方框”

熟悉“填充”和“边界”。尤其是在进行WEB标准网页设计时需要把该值纳入元素的总长度值。

Dreamweaver CS3网页制作之布局实例7

Dreamweaver CS3网页制作之布局实例8

同时举例说明图像的边框同样可以使用背景图像来修饰

Dreamweaver CS3网页制作之布局实例9

六、CSS规则之“列表”

选择列表的类型和设置项目列表的项目符号

项目符号图像的选择以及位置的“内、外”的显示区别

Dreamweaver CS3网页制作之布局实例4

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Dreamweaver教程学习
热门Dreamweaver教程学习
网页设计子分类