Dreamweaver CS3网页制作之布局实例

(编辑:jimmy 日期: 2025/1/9 浏览:2)


上一篇文章介绍了Dreamweaver CS3网页制作之CSS布局规则
一、CSS规则定义之“类型”
类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。
Dreamweaver CS3网页制作之布局实例
二、CSS规则定义之“背景”
·背景有背景颜色和背景图像的选择设置。
·利于背景图像的“重复”可进行“网页背景”、“横向菜单”和“纵向分栏”等的特效。
·利于背景图像的水平、垂直对齐位置可以设置页面效果。
Dreamweaver CS3网页制作之布局实例
Dreamweaver CS3网页制作之布局实例
三、CSS规则之“区块”
文字缩进与背景图像的结合案例:如何显示新闻列表新闻标题前的箭头(背景图像 区块缩进)
Dreamweaver CS3网页制作之布局实例
四、CSS规则之“边框”
自行定义边框样式、颜色和宽度。
Dreamweaver CS3网页制作之布局实例
Dreamweaver CS3网页制作之布局实例
五、CSS规则之“方框”
熟悉“填充”和“边界”。尤其是在进行WEB标准网页设计时需要把该值纳入元素的总长度值。
Dreamweaver CS3网页制作之布局实例
Dreamweaver CS3网页制作之布局实例
同时举例说明图像的边框同样可以使用背景图像来修饰
Dreamweaver CS3网页制作之布局实例
六、CSS规则之“列表”
选择列表的类型和设置项目列表的项目符号
项目符号图像的选择以及位置的“内、外”的显示区别
Dreamweaver CS3网页制作之布局实例

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。