免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1621 | 回复: 0
打印 上一主题 下一主题

CSS属性一览表 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2009-10-12 14:16 |只看该作者 |倒序浏览

                                CSS属性一览表                                    CSS 文字属性
                                                    color : #999999
                                    文字颜色
                                                    font-family : 宋体,sans-serif
                                    文字字体
                                                    font-size : 9pt
                                    文字大小
                                                    font-style:itelic
                                    文字斜体
                                                    font-variant:small-caps
                                    小字体
                                                    letter-spacing : 1pt
                                    字间距离
                                                    line-height : 200%
                                    设置行高
                                                    font-weight:bold
                                    文字粗体
                                                    vertical-align:sub
                                    下标字
                                                    vertical-align:super
                                    上标字
                                                    text-decoration:line-through
                                    加删除线
                                                    text-decoration:overline
                                    加顶线
                                                    text-decoration:underline
                                    加下划线
                                                    text-decoration:none
                                    删除链接下划线
                                                    text-transform : capitalize
                                    首字大写
                                                    text-transform : uppercase
                                    英文大写
                                                    text-transform : lowercase
                                    英文小写
                                                    text-align:right
                                    文字右对齐
                                                    text-align:left
                                    文字左对齐
                                                    text-align:center
                                    文字居中对齐
                                                    text-align:justify
                                    文字分散对齐
                                                    vertical-align属性
                                                    vertical-align:top
                                    垂直向上对齐
                                                    vertical-align:bottom
                                    垂直向下对齐
                                                    vertical-align:middle
                                    垂直居中对齐
                                                    vertical-align:text-top
                                    文字垂直向上对齐
                                                    vertical-align:text-bottom
                                    文字垂直向下对齐
                                                   
            
                        
            
                                        CSS 符号属性
                                                    list-style-type:none
                                    不编号
                                                    list-style-type:decimal
                                    阿拉伯数字
                                                    list-style-type:lower-roman
                                    小写罗马数字
                                                    list-style-type:upper-roman
                                    大写罗马数字
                                                    list-style-type:lower-alpha
                                    小写英文字母
                                                    list-style-type:upper-alpha
                                    大写英文字母
                                                    list-style-type:disc
                                    实心圆形符号
                                                    list-style-type:circle
                                    空心圆形符号
                                                    list-style-type:square
                                    实心方形符号
                                                    list-style-image:url(/dot.gif)
                                    图片式符号
                                                    list-style-position:outside
                                    凸排
                                                    list-style-position:inside
                                    缩进
                                                   
            
                        
            
                                        CSS 背景样式:
                                                    background-color:#F5E2EC
                                    背景颜色
                                                    background:transparent
                                    透视背景
                                                    background-image : url(/image/bg.gif)
                                    背景图片
                                                    background-attachment : fixed
                                    浮水印固定背景
                                                    background-repeat : repeat
                                    重复排列-网页默认
                                                    background-repeat : no-repeat
                                    不重复排列
                                                    background-repeat : repeat-x
                                    在x轴重复排列
                                                    background-repeat : repeat-y
                                    在y轴重复排列
                                                    指定背景位置
                                                    background-position : 90% 90%
                                    背景图片x与y轴的位置
                                                    background-position : top
                                    向上对齐
                                                    background-position : buttom
                                    向下对齐
                                                    background-position : left
                                    向左对齐
                                                    background-position : right
                                    向右对齐
                                                    background-position : center
                                    居中对齐
                                                   
            
                        
            
                                        CSS链接属性
                                                    a
                                    所有超链接
                                                    a:link
                                    超链接文字格式
                                                    a:visited
                                    浏览过的链接文字格式
                                                    a:active
                                    按下链接的格式
                                                    a:hover
                                    鼠标转到链接
                                                    鼠标光标样式
                                                    ie(cursor: hand) firefox(cursor:pointer)
                                    链接手指
                                                    cursor:crosshair
                                    十字体
                                                    cursor:s-resize
                                    箭头朝下
                                                    cursor:move
                                    十字箭头
                                                    cursor:e-resize
                                    箭头朝右
                                                    cursor:help
                                    加一问号
                                                    cursor:w-resize
                                    箭头朝左
                                                    cursor:n-resize
                                    箭头朝上
                                                    cursor:ne-resize
                                    箭头朝右上
                                                    cursor:nw-resize
                                    箭头朝左上
                                                    cursor:text
                                    文字I型
                                                    cursor:se-resize
                                    箭头斜右下
                                                    cursor:sw-resize
                                    箭头斜左下
                                                    cursor:wait
                                    漏斗
                                                    p{cursor:url("光标文件名.cur"),text;}
                                    光标图案(IE6)
                                                   
            
                        
            
                                        CSS 边框属性
                                                    border-top : 1px solid #6699cc
                                    上框线
                                                    border-bottom : 1px solid #6699cc
                                    下框线
                                                    border-left : 1px solid #6699cc
                                    左框线
                                                    border-right : 1px solid #6699cc
                                    右框线
                                                    以上是建议书写方式,但也可以使用常规的方式,如下
                                                    border-top-color : #369
                                    设置上框线top颜色
                                                    border-top-width :1px
                                    设置上框线top宽度
                                                    border-top-style : solid
                                    设置上框线top样式
                                                    其他框线样式
                                                    solid
                                    实线框
                                                    dotted
                                    虚线框
                                                    double
                                    双线框
                                                    groove
                                    立体内凸框
                                                    ridge
                                    立体浮雕框
                                                    inset
                                    凹框
                                                    outset
                                    凸框
                                                   
            
                        
            
                                        CSS 表单属性
                                                   
                                    文字方块  
                                                   
                                    按钮  
                                                   
                                    复选框  
                                                   
                                    单选按钮  
                                                   
                                    多行文本域  
                                                    选项1               
            选项2
                                    列表选项:               
            选项1选项2
                                                   
            
                        
            
                                        CSS 边界样式
                                                    margin-top:10px
                                    上边界
                                                    margin-right:10px
                                    右边界值
                                                    margin-bottom:10px
                                    下边界值
                                                    margin-left:10px
                                    左边界值
                                                   
            
                        
            
                                        CSS 边框空白
                                                    padding-top:10px
                                    上边框留空白
                                                    padding-right:10px
                                    右边框留空白
                                                    padding-bottom:10px
                                    下边框留空白
                                                    padding-left:10px
                                    左边框留空白
               
               
               
               
               
               
               

本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u1/41952/showart_2068304.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP