喜欢本站并加入收藏
首 页 电脑学园 技术文档 图形图像 办公应用 网页设计 管理资料 PPT模板 方案合同
 位置: 北方教程网 >> 网页设计 >> Dreamweaver >> 正文
   巧用Dreamweaver学习了解CSS
巧用Dreamweaver学习了解CSS
[ 作者:佚名   来源:网络整理   点击数:   更新时间:2007-7-30 ]

学习说明:属性继承 ×不继承 
[ ]为适应元素类型 无[ ]标出为所有元素

字体
Font-family
Font-size 9 10 12 14 16 18 24 36 xx-small x-small small medium large x-large xx-large smaller larger
Color
Font-style normal italic oblique
Line-height nomal
Font-weight normal bold bolder lighter 100 200 300 400 500 600 700 800 900
Text-transform capitalize uppercase lowercase none
Font-variant normal small-caps
×Text-decoration none underline overline line-through blink
Font

背景
×Background-color
×Background
×Background-image
×Background-attachment fixed scroll
×Background-repeat no-repeat repeat repeat-x repeat-y
×Background-position[块、替换]

区块
Word-spacing normal[块]
Letter-spacing normal
×Vertical-align baseline sub super top text-top middle bottom text-bottom[内]
Text-align left right center justify[块]
×Text-indent[块]
×White-space normal pre nowrap[块]
×Display inline block list-item run-in compact marker table inline-table table-row-group table-header-ground table-footer-ground table-row table-column-ground table-column table-cell table-caption none

边框
×Border
×Border-top-color
×Border-top-style none solid dashed dotted double groove ridge inset outset
×Border-top-width thin medium thick
×Border-top-Right
×Border-top-Bottom
×Border-top-Left
×Border-top
×Border-right
×Border-bottom
×Border-left
×Border-color
×Border-style
×Border-width

方框
×Width auto px pt in cm mm pc em ex %[块、替]
×Height auto[块、替]
×Float left right none
×Clear left right both none
×Margin
×Margin-top
×Margin-right
×Margin-bottom
×Margin-left
×Padding
×Padding-top
×Padding-right
×Padding-bottom
×Padding-left

列表
×List-style-type disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha onne[显示值为list-item的元素]
×List-style-Image[显示值为list-item的元素]
×List-style-position inside outside[显示值为list-item的元素]

定位
×Position absolute relative static
×Visiblility visible hidden inherit
×Height auto
×Left auto
×Top auto
×Right auto
×Bottom auto
×z-index auto[定位元素]
×overflow visible hidden scroll auto[块、替]
×clip auto

说明:

color 设置文字颜色
#rgb
#rrggbb
rgb(255,255,255)
rgb(100%,100%,100%) H1{color:red}
H1{color:#f00}
H1{color:#ff0000}
H1{color:rgb(255,0,0)}
H1{color:rgb(100%,0%,0%)}

[1] [2]  下一页

上一篇文章: Dreamweaver合理进行网页优化 下一篇文章: 让Dreamweaver8实现文本段落缩进的方法
打印此文  收藏此页  关闭窗口  返回顶部
 相关文章  热点文章
 · 利用CSS改进网站设计的小技巧
 · Dreamweaver快捷操作技巧集锦
 · 使用Dreamweaver架设网站简明教程
 · 网页设计制作过程中常用的几个代码技巧
 · 高效使用CSS编码的方法
 
热点图文
教你节省Vist...
使用Windows ...
 · 远程管理Web服务器的方法技巧
 · Win Vista系统自带IIS7.0设置详解...
 · 详解Windows系统IIS6.0功能及应用...
 · 服务器集群系统实现方法及案例分...
 · IIS服务器实现asp,cgi和php+mysq...
 · IIS下SQL Server数据库安全设置技...
推 荐 阅 读
巧用Photosho...
Photoshop鼠绘...
 · Fireworks制作旋转的漂亮gif动画...
 · Photoshop制作都市满天繁星
 · Fireworks制作Menu按钮
 · 巧用Photoshop制作喜迎奥运壁纸
 · 巧用Photoshop钢笔工具绘制彩色美...
 · Photoshop制作浪漫动感花朵
 设为首页 - 加入收藏 - 关于本站 - 联系我们 - 广告合作 - 友情链接 - 在线交流 - 
CopyRight© 2006-2009 Eduai.Com All Rights Reserved
在线交流 QQ:524152258 辽ICP备07001851号
免责声明:本站部分资源来自网络,如有侵犯您的版权请通知,我们立即删除。