文本属性和属性连写

Posted 柠檬不酸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本属性和属性连写相关的知识,希望对你有一定的参考价值。

文本元素:
属性:font-size:16px;
   font-weight:700;文本粗细(值从100到900)
   font-family:微软雅黑;文本的字体
   font-style:normal/italic;文字风格(normal正常默认,italic斜体)
   line-height:40px行高

文本属性连写:
 写法:font:font-style font-weight font-size/line-height font-family;
 如 : font:italic 700 16px/40px 微软雅黑;
注意:font:后面写属性值,一定要按照顺序写
   文本属性连写中 文字大小和文本字体  为必写项

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         div{
 8             /* font-size: 16px;
 9             font-weight: 700;
10             font-family: 微软雅黑;
11             font-style: italic;
12             line-height: 40px; */
13             font: italic 700 16px/40px 微软雅黑;
14         }
15     </style>
16 </head>
17 <body>
18     <div>
19         在这里输入你想要搜索的内容<br>
20         练习
21     </div>
22 </body>
23 </html>

连写内容:

1 font: italic 700 16px/40px 微软雅黑;

 

  

以上是关于文本属性和属性连写的主要内容,如果未能解决你的问题,请参考以下文章

背景属性连写

常用CSS font属性连写

盒子模型

css盒子模式都具备哪些属性

有没有办法让 vue 组件的模板只包含属性的文本?

07-盒模型