CSS属性

来源:互联网 发布:姐妹团网络推广公司 编辑:程序博客网 时间:2024/05/22 18:47
样式标签属性                    样式属性                                          描述
word-break                      wordBreak                  设置或获取单词内的换行行为,特别是对象中出现多语言的情况。
text-indent                       textIndent                      设置或获取对象中文本的缩进。

padding:Sets or retrieves the amount of space to insert between the object and its margin or, if there is a border, between the object and its border. Padding:定义元素内容与其边框的空距(如果元素没有边框就是指页边的空白)。可以分别设置top(上补白)、right(右补白)、bottom(下补白)、left(左补白)的值。相对应的CSS属性分别是”padding;  padding-top; padding-right; padding-bottom; padding-left”.

 Clear:不允许元素的漂浮。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。相对应的CSS属性是”clear”。
Margin:定义元素的边框与其他元素之间的距离(如果没有边框就是指内容之间的距离)。可以分别设置top(上边界)、right(右边界)、bottom(下边界)、left(左边界)的值。相对应的CSS属性分别是”margin; margin-top; margin-right; margin-bottom; margin-left”。
下面是补白、边框、边界之间的关系图:
                  5. Border(边框)
                  Border面板可以设置对象边框的宽度、颜色及样式。
                  Width:设置元素边的宽度。可以分别设定Top(上边宽)、Right(右边宽)、Bottom(下边宽)、Left(左边宽)的值。相对应的CSS属性分别是”border;
                  border-top; border-right; border-bottom; border-left”。
                  Color:设置边框的颜色。你可以分别对每条边设置颜色。相对应的CSS属性分别是”border-color;
                  border-top-color; border-right-color; border-bottom-color;
                  border-left-color”。
                  注意:我们可以通过设置不同的颜色做出亮边和暗边的效果,这样元素看起来是立体的。
                  Style:设置边框样式。可以设置为none(无边框)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)等边框样式。相对应的CSS属性是”border-style”。
                  注意:dotted(点线)、dashed(虚线)必须要IE5.5以上或者MAC平台支持,否则效果为实线。
                  6. List(列表)
                  List面板可以设置列表项样式、列表项图片、和位置。
                  Type:设置列表项所使用的预设标记。可以设置的样式有:disc(实心圆)、circle(空心圆)、square(方块)、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(小写英文字母)、upper-alpha(大写英文字母)、none(无项目符号)。相对应的CSS属性是”list-style-type”。
                  Bullet Image:设置列表项的图像。值为图象的URL地址或路径。
                  相对应的CSS属性是”list-style-image”。
                  Position:设置列表项在文本内还是在文本外。Inside:列表项目标记放置在文本以内,Outside:列表项目标记放置在文本以外。相对应的CSS属性是”list-style-position”。
                  7. Positioning(定位)
                  Positioning面板就相当于对象放在一个层里来定位,它相当于HTML的DIV标记。你可以把定义看作为一个CSS定义的层。
                  Type:设定对象的定位方式。有三种方式:Absolute(绝对定位)、Relative(相对定位)、Static(无特殊定位)。相对应的CSS属性是”position”。
                  Visibility:设定对象定位层的最初显示状态。有三种状态:Inherit(继承父层的显示属性)、Visible(对象可视)、Hidden隐藏对象。相对应的CSS属性是”visibility”。
                  Z-Index:设置对象的层叠顺序。编号较大的层会显示在编号较小的层上边。变量值可以是正值也可以是负值。相对应的CSS属性是”z-index”。
                  Overflow:设置如果层的内容超出了层的大小时如何处理。有四种处理方式:visible,增加层的大小,从而将层的所有内容显示出来;hidden,保持层的大小不变,将超出层的内容剪裁掉;Scroll,总是显示滚动条;Auto,只有在内容超出层的边界时才显示滚动条。相对应的CSS属性是”overflow”。
                  Placement:设置对象定位层的位置和大小。可以分别设置left(左边定位)、top(顶部定位)、width(宽)、height(高)。相对应的CSS属性分别是”left;
                  top; width; height”。

align 与valign 的替代品vertical-align:   text-align:
原创粉丝点击