CSS屬性(字型與文字屬性)
阿新 • • 發佈:2018-12-11
1.字型屬性
(1)font-family 把要對這個網站要設定的字型都寫上,如果這個瀏覽器支援第一個字型,則會用,如果不支援則會嘗試第二個,如果設定的字體系統都不支援則會使用系統預設的字型作為網站的字型
(2)字重(
font-weight
)
2.文字屬性
/* 我這個檔案是用來幹什麼的 小強 日期 */ /*全域性通用樣式*/ * { font-family: "Microsoft YaHei UI", "Arial"; font-size: 14px; } /*類選擇器樣式*/ .c1 { font-weight: 100; } .c2 { font-weight: 900; color: rgb(255, 0, 0); color: #FF0000; color: rgba(255, 0, 0, 0.3); } .c3 { /*text-align: center; !*文字的對齊方式是什麼, center是劇中*!*/ /*text-align: right; !*右對齊*!*/ text-align: justify; /*兩端對齊*/ }
<!DOCTYPE html> <htmllang="zh-CN"> <head> <meta charset="UTF-8"> <title>字型屬性測試</title> <link rel="stylesheet" href="test.css"> </head> <body> <h1>海燕</h1> <p> 在蒼茫的大海上 </p> <p class="c0">預設的p</p> <p class="c1">c1 100</p> <p class="c2">c2 900</p> <p class="c3">射鵰英雄傳、笑傲江湖、倚天屠龍記、白髮魔女傳、刀光劍影</p> <div class="c3">圍城</div> </body> </html>