CSS属性

本文详细介绍了CSS样式中的关键属性,包括单词换行行为设置(word-break)、文本缩进(text-indent)、补白(padding)、边框(border)、边界(margin)等,并解释了它们在网页布局中的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

样式标签属性                    样式属性                                          描述
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:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jxcjxinxing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值