2022年4月14日19：45分
在學習HTML中看了一眼自己的博客，發現自己又變得十分頹廢，整理一下這個學期學的內容
1、字體font標記
font-size:20px/50%/larger 設置字號
font-family:'宋體'/‘黑體’ 設置字體（多個字體可以用','進行分割，從第一個字體開始找，如果找不到就使用默認字體，要注意如果字體名出現了空格要用""來括起來）
font-style:italic/oblique/inherit/100/200/900(9個層次，數字越小字體越細) 設置字體風格（斜體，italic是用該字體下的斜體來顯示，oblique可以讓該字體變成斜體顯示）
font-weight:lighter/bold/border 設置字體加粗（在HTML中使用的是<b></b> <strong></strong>標簽來設置）
font-variant:small-caps 設置小型大寫字體（將小寫字母轉為大寫字母，並將轉換后的字母字號縮小）
line-height:0.5/1/2/20px/20%(%是在原本的基礎上) 設置字體行間距
.size{ font-size: 50px; } .size\%{ font-size: 150%; } .family{ font-family: '宋體'; } .family1{ font-family: '黑體'; } .weight{ font-weight: lighter; } .weight1{ font-weight: bold; } .weight2{ font-weight: border; } .variant{ font-variant: small-caps; } .style{ font-style: italic; } .style1{ font-style: oblique; } .style2{ font-style:inherit; } .height{ line-height: 20px; }
<!DOCTYPE html> <html> <head> <title>CSS樣式屬性</title> <link rel="stylesheet" type="text/css" href="./web02css/web3.css"> </head> <body> <div class="size">設置字號50px</div><br> <div class="size%">設置字號150%</div><br> <div class="family">設置字體宋體</div><br> <div class="family1">設置字體黑體</div><br> <div class="weight">字體樣式(粗細) lighter</div><br> <div class="weight1">字體樣式(粗細) bold</div><br> <div class="weight2">字體樣式(粗細) border</div><br> <div class="style">字體風格 italic</div> <div class="style1">字體風格 oblique</div> <div class="style2">字體風格 inherit(從父類繼承的)</div><br> <p>AAAAAAAAA</p> <div class="height">行間距20px</div> <p>BBBBBBBBBB</p> <div class="variant">設置小型大寫字體（就是將小寫的字母變為大寫並且將原本的大寫字號變小）例如：<br>原本大寫LLLL 小型大寫字體lllllllllllll</div><br> </body> </html>
