CSS3的属性介绍

字体相关属性
– font:复合属性,不推荐使用。
– color:设置字体颜色。
– font-family:设置文字字体。
– font-size:设置字体大小。
– font-size-adjust:控制不同的字体尺寸进行微调。
– font-stretch:改变文字横向的拉伸。
– font-style:设置字体风格。
– font-weight:设置字体是否加粗。
– text-decoration:控制文字是否有修饰线。
– font-variant:设置文字大写字母格式。
– text-shadow:设置文字是否有阴影效果。
– text-transform:设置文字的大小写。
– line-height:设置字体的行高。
– letter-spacing:设置字符之间的间隔。
– word-spacing:设置单词之间的间隔。

颜色表示方法
1. 颜色名表示:例如white。
2. 十六进制表示:例如#ff0000。
3. rgb函数表示:例如rgb(255,255,0)红绿蓝。
4. rgba函数表示:例如rgba(255,0,255,0.5)红绿蓝透明。
5. hsl函数表示:例如hsl(120,100%,100%)色调、饱和度、亮度。
6. hsla函数表示:例如hsla(120,100%,100%,0.5)色调、饱和度、亮度、透明度。

文本相关属性
– text-indent:设置段落文本的缩进。
– text-overflow:控制溢出文本的处理方法。
– vertical-align:设置目标元素里内容垂直对齐方式。
– text-align:设置目标元素里文本水平对齐方式。
– direction:设置文本流入方向。
– word-break:设置目标元素里文本的换行方式。(控制断词)
– word-wrap:设置目标元素里文本的换行方式。
– white-space:设置目标元素里文本对空格的处理方式。

背景相关属性
– background:复合属性,不推荐使用。
– background-attachment:设置背景图片是随内容滚动还是固定。
– background-color:设置背景颜色。
– background-image:设置背景图片。
– background-position:设置对象的背景图片位置。
– background-repeat:设置对象的背景图片是否平铺。
– background-clip:设置背景覆盖范围。
– background-origin:设置背景覆盖的起点。
– background-size:设置背景图片的大小。

边框相关属性
– border:复合属性。
– border-color:设置元素的边框颜色。
– border-style:设置元素的边框线型。
– border-width:设置元素的边框线宽。
– border-(top/left/right/bottom):复合属性,设置对应边框样式。
– border-(top/left/right/bottom)-(color/style/width):设置对应边框的对应样式。
– border-(top/left/right/bottom)-colors:支持渐变颜色边框。
– border-radius:设置圆角边框圆角半径。
– border-(top/left/right/bottom)-(top/left/right/bottom)-radius:设置指定角的圆角半径。
– border-image:复合属性。
– border-image-source:设置边框图片。
– border-image-slice:设置数值或百分比数值控制边框图片切割。
– border-image-width:设置图片边框宽度。
– border-image-repeat:设置边框图片覆盖方式。

补丁相关属性
– padding:同时设置多个方向的内补丁距离。
– padding-(top/left/right/bottom):设置对应方向的内补丁距离。
– margin:同时设置多个方向的外补丁距离。
– margin-(top/left/right/bottom):设置对应方向的外补丁距离。

欢迎分享本文,转载请保留出处:前端ABC » CSS3的属性介绍

赞 (2)
分享到:更多 ()

发表评论 0