CSS字体属性和文本属性

发布于:2022-12-15 ⋅ 阅读:(554) ⋅ 点赞:(0)

目录

字体属性

字体系列 font-family

字体大小 font-size

字体粗细 font-weight

字体样式 font-style

字体复合属性(合写)

文本属性:

设置文本的颜色、对齐、装饰、缩进、行间距等。


字体属性

        Fonts :用于定义字体系列、大小、粗细和字体样式。

字体系列 font-family

        各种字体之间必须使用英文逗号隔开,有空格隔开的多单词组成的字体要加引号。


	<h1 style="font-family: 'Microsoft yahei',Cambria"> css字体介绍</h1>

        浏览器会按照从左到右的顺序识别字体,如识别成功就采用当前字体。

字体大小 font-size

        默认16px,可以通过输入不同的像素或者多少em(默认字体大小)设置字体大小。

<p style="font-size: 20px">css字体大小像素设置</p>
	<p style="font-size: 2em">css字体大小em设置</p>

字体粗细 font-weight

        设置字体的粗细,可以设置属性值或者输入数字(100——900)九个数之一,不用带单位。

属性值 normal bold bolder lighter
效果 默认 特粗

 

                                                        narmal = 400         bold = 700

<p style="font-weight: bolder">文字的粗细</p>
	<p style="font-weight: 700 ">文字的粗细</p>

字体样式 font-style

        normal : 默认        italic : 倾斜

字体复合属性(合写)

        复合属性不可调乱顺序,且 font-size 和 font-family 不可省略,其余不写的话取默认值。

body{
		font : font-style font-weight font-size/line-higet font-family;
		font :italic 700 20px 'Microsoft yahei';
	}

文本属性:

设置文本的颜色、对齐、装饰、缩进、行间距等。

颜色  color : 颜色值,十六进制,RGB代码。

水平对齐  text-align :left (默认,坐等)、right(右)、center(居中)。

装饰文本 text-decoration :none(默认无)、underline(下划线)、overlin(上划线)、line-through(删除线)。

缩进 text-indent :输入数字单位em(多少个字宽度)。

行间距 line-height :像素。上间距加下间距。

本文含有隐藏内容,请 开通VIP 后查看