CSS文本属性

文本属性

屏幕截图 2022-09-17 174932

 

font-size字体大小

说明:单位是px,浏览器默认是16px,设计图常用字号是12px

font-family字体

说明:当字体是中文字、英文字体中有空格时,需加双引号;多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个字体,以此类推,如果都没有默认是微软雅黑

一般浏览器支持的字体:
屏幕截图 2022-09-17 161058

color颜色

  • color:red;单词
  • color:#ffffff;颜色# 16进制0-9 A-F 每两位是一个颜色 两个值一样时可以只写一个
  • color(255,0,0);颜色rgb 取值0-255 0最弱 255最强

font-weight加粗

font-weight:bolder(更粗的)/bold(加粗)/normal(常规)

font-weight:100-900;(取值)

100-500不加粗 600-900加粗

  • 100细体 400正常 700加粗 900更粗 (强调性 显示无大区别)
  • lighter细体 normal正常 blod加粗 bloder更粗 (强调性 显示无大区别)对应上

font-style倾斜

font-style:italic(斜体字)/oblique(倾斜的文字)/noemal(常规显示);

  • italic倾斜 oblique更倾斜(强调)noemal常规显示

text-align文本水平对齐

text-align:left;水平靠左

text-align:right;水平靠右

text-align:center;水平居中

text-align:justify;水平两端对齐,但是只对多行文本起作用。

line-height行高

line-height的数据=height的数据,可以实现单行文本垂直居中

text-ident首行缩进

text-ident只对第一行起作用 可以取复值;text-indent属性只对单行文本垂直居中

单位em:当前字体的N倍

letter-spacing字间距

控制文字和文字之间的间距

文本间距分为:词间距,字符间距

  1. 字间距 letter-spacing 建议汉字
  2. 词间距 word-spacing 建议英语

text-decoration文本修饰

text-decoration:none没有/underline下划线/overline上划线/line-through删除线

  • 多个修饰用空格隔开

font字体简写

font是font-style font-weight font-size / line-height font-family 的简写。

font:italic 800 30px/80px “宋体”;顺序不能改变,必须同时指定font-size和font-family属性时才起作用

text-transform大小写

capitalize首字母大写 lowercase全部小写 uppercase全字母大写 none没效果

© 版权声明
THE END
文章不错?点个赞呗~
神马?你要分享给你的好朋友?太感谢你啦~
分享