DWCS3-CSS布局之二CSS规则定义 - cnBruce's Blog | 布鲁斯狼
来源:百度文库 编辑:神马文学网 时间:2024/07/09 00:53:57
本日志标题:DWCS3-CSS布局之二CSS规则定义
一、CSS规则定义之“类型”类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_2.png)
二、CSS规则定义之“背景”
·背景有背景颜色和背景图像的选择设置。
·利于背景图像的“重复”可进行“网页背景”、“横向菜单”和“纵向分栏”等的特效。
·利于背景图像的水平、垂直对齐位置可以设置页面效果。
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_3.png)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_4.png)
三、CSS规则之“区块”
文字缩进与背景图像的结合案例:如何显示新闻列表新闻标题前的箭头(背景图像+区块缩进)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_5.png)
四、CSS规则之“边框”
自行定义边框样式、颜色和宽度。
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_6.png)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_7.png)
五、CSS规则之“方框”
熟悉“填充”和“边界”。尤其是在进行WEB标准网页设计时需要把该值纳入元素的总长度值。
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_8.png)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_9.png)
同时举例说明图像的边框同样可以使用背景图像来修饰
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_10.png)
六、CSS规则之“列表”
选择列表的类型和设置项目列表的项目符号
项目符号图像的选择以及位置的“内、外”的显示区别
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866559_5.png)
DWCS3-CSS布局之二CSS规则定义 - cnBruce's Blog | 布鲁斯狼
DWCS3-CSS布局之一CSS规则大纲 - cnBruce's Blog | 布鲁斯狼
常用CSS命名参考 - cnBruce's Blog | 布鲁斯狼
常用CSS缩写语法收集 - cnBruce's Blog | 布鲁斯狼
CSS样式表常用小技巧 - cnBruce's Blog | 布鲁斯狼
CSS框架的相关汇总(CSS Frameworks) - cnBruce's Blog |...
CSS字体定义简写规则
Div CSS布局入门教程(二)
Css布局
CSS布局入门
div+css布局漫谈
常用css布局
CSS DIV布局教程
div+css布局漫谈
常用css布局
CSS布局口诀
Div CSS布局入门教程
div+css布局经验
CSS布局入门
Div+CSS布局入门教程
css
CSS 3.0 参考手册中文版下载 - Deiven's Blog
CSS的个人书写风格 - 一葉千鳥‘s Blog - RexSong.com
CMS(网站内容管理系统)有哪些? - cnBruce's Blog | 布鲁斯狼