1. 程式人生 > >文本屬性和屬性連寫

文本屬性和屬性連寫

ack utf-8 nor AR charset 默認 back document AD

文本元素:
屬性: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 微軟雅黑;

  

文本屬性和屬性連寫