【自学】前端笔记-css文本样式

css文字样式

css文字样式属性:

字体:font-family

文字大小:font-size

文字颜色:color

文字粗细:font-weight

文字样式:font-style

font-family字体属性

定义元素内文字以什么字体来显示

语法:

font-family:字体1,字体2,...

说明:

含空格字体名和中文,用英文引号("")括起

多个字体,用英文逗号","隔开

引号嵌套,外使用双引号,内使用单引号

font-family字体属性

font-family属性值:具体字体名,字体集

字体集:

  Serif

  Sans-serif

  Monospace

  Cursive

  Fantasy

Serif和Sans-serif区别

Serif是衬线体

Sans-serif是非衬线体

font-siza字体大小

color文字颜色

定义元素内文字颜色

语法:color:颜色名|十六进制|rgb;

font-weight文字粗细

为元素内文字设置粗细

语法:

font-weight:normal|bold|bolder|lighter|100-900

说明:

默认值:normal

400等同于normal,而700等同于bold

font-style文字样式

为元素内字体设置样式

语法:font-style:normal|itatic|oblique

font-variant字体变形

设置元素中文本为小型大写字母

语法:

font-variant:normal|small-caps

font属性(简写)

语法:

font:font-style font-variant font-weight font-size/line-height font-family

说明:值之间空格隔开

      注意书写顺序

css文本样式

text-align

设置元素内文本的水平对齐方式

语法:text-align:left|right|center|justify

注:该属性对块级元素设置有效

line-height属性

设置元素中文本行高

语法:

line-height:长度值|百分比

说明:一行文字的高度。

      行高指文本行的基线间的距离

你可能感兴趣的:(【自学】前端笔记-css文本样式)