html基础学习（三）

文本属性

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 让文字垂直居中