目录
字体属性
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 :像素。上间距加下间距。