文本属性
1、font-style文本样式
参数:italic(斜体)、normal(普通文本样式)
2、font-size 设置文字大小
参数:“需要的数值”px
3、font-weight 设置文字粗细
参数:bold(加粗)、100-900
4、font-family 设置字体
参数:‘宋体’、‘微软雅黑’ …
5、font前面四种的结合缩写
font:style 、weight、size、family
字符图标
1、iconfont的使用
1、应用iconfont单色图标
首先利用link标签引入下载好的css文件
i标签类名为class=“ iconfont 图标名”
2、应用iconfont多色图标
利用link标签引入下载好的js文件
*注意:当我们引入图标的时候可能图标会比较大,因此我们可以给图标设置统一的样式
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
*
2、font-awesome图标库
1、link标签引入css样式文件
文本修饰属性
1、text-decoration 设置文本修饰属性
参数:line-through(删除线)、underline(下划线)、 none(去除修饰)
2、text-transform 设置文字的形变
参数:uppercase(全部变成大写)、capitalize(首字母大写)、lowercase(小写)、full-width(等宽)
3、text-indent 设置文字的缩进
参数:数值em 1em=相对于当前文字的1个文字的宽度
列表项属性
什么是列表项?列表项就是ul li中li前面的那个小黑点
1、list-style-type 设置列表项的类型
参数:square(方形)、disc (实心圆)、circle(空心圆)
2、list-style-position 设置列表项的位置
参数:inside、outside
3、list-style-image 可以个列表项设置自定义图片
list-stlye-image:url(‘图片路径’)
注意:列表项属性是给ul设置的
其他样式
text-align 设置文字的水平位置
参数:left center right
text-align:center;让文字水平居中
line-height 设置行高
line-height:1/2height 让文字垂直居中