文本属性的应用

109 阅读1分钟

文本属性

微信图片_20230825171841.jpg

注:文本属性的应用需要用到选择器

【1】字体大小

例:<style> .ibm{font-size:16px;} <stlye>
  <p class="ibm">文本内容<p>

【2】字体

微信图片_20230825175144.jpg

【3】颜色

写法

  • .ibm{color:red;}
  • .ibm{color:rgb(255,0,0)} :red,green,blue 0-255 0最弱 255最强
  • .ibm{color:#fffff} 每两位为一组,分别代表red,green,blue.服从十六进制 0-9 A-F

【4】加粗

取值:100-900

  • 100 细体 ligter
  • 400 正常 normol
  • 700 加粗 bold
  • 900 更粗体 bolder

【5】倾斜

  • italic 倾斜
  • oblique 更倾斜
  • normol 正常

【6】文本水平对齐和单行文本垂直居中

text-align:justify; 两端对齐,多行文本用

微信图片_20230825172920.jpg

text-indent:首行空格,只对首行有效。
当单位为px时首行空格与字体大小有关,当单位为em时与字体大小无关

检索大小写和font

text-transform:capitalize;首字母大写
text-transform:lowercase;全部字母小写
text-transform:uppercase;全部字母小写

font:italic bold 20px/1em 微软雅黑 (font可以合并属性,但顺序不能变换。粗体,斜体可以省略。字体,行高,字体大小不能省略)