前端css技术的几大属性应用

一、文字样式属性

文字样式的设置在css中如何设置

CSS样式属性由多个单词构成时，单词之间是使用“-”字符来进行连接的，比如：

font-size 设置字体大小

font-family 设置字体

font-style 设置字体样式

font-weight 设置字体加粗

font-variant 设置字体变体

font 设置字体的综合属性

在设置字体大小的时候是根据自己的需求来进行设置的，而字体的单位也分为很多种

绝对大小：in、cm、mm、pt、pc为单位

相对大小：em(元素字体高度)、ex（字母x的高度）、px、%表示相对大小

二、排版样式属性

样式的排版也是用css来进行控制的，使用方法也和文字样式属性的设置一样

一些控制样式的属性

text-indent 首行缩进属性

letter-spacing 字符间距属性

line-height 行距属性

text-transform 转换英文大小写

text-align 水平对齐属性

vertical-align 垂直对齐属性

text-decoration 设置文字效果属性

三、CSS定义颜色的方法：

十六进制数；

RGB函数（整数）；

RGB函数（百分比）；

颜色名称

背景

background-color：设置背景颜色

background-image : 设置背景图像

background-attachment : 设置背景图像是否固定或者随着页面的其余部分滚动

background-repeat : 只有垂直方向重复background-image

background-position：属性设置背景图像的起始位置

列表样式主要是对列表的样式进行设置

list-style-type:属性设置列表项标记的类型。对<ol><ul>列表均有效

list-style-image : 属性设置一个元素的背景图像

list-style-position : 属性指示如何相对于对象的内容绘制列表项标记