<html> <head> <title>letter-spacing</title> <style type="text/css"> #p1 { letter-spacing:0px;} #p2 { letter-spacing:5px;} #p3 { letter-spacing:10px;} </style> </head> <body> <p id="p1">I like Coding.我喜歡編程。</p> <p id="p2">I like Coding.我喜歡編程。</p> <p id="p3">I like Coding.我喜歡編程。</p> </body></html>letter-spacing控制的是字間距,每一個中文文字算作一個「字」,而每一個英文字母也算作一個「字」,這個需要大家留心記住。
用於定義單詞之間的距離,我們通常使用像素值作為單位。<html> <head> <title>word-spacing</title> <style type="text/css"> #p1 { word-spacing:0px;} #p2 { word-spacing:10px;} #p3 { word-spacing:20px;}</style> </head> <body> <p id="p1">I like Coding.我 喜歡編程。</p> <p id="p2">I like Coding.我 喜歡編程。</p> <p id="p3">I like Coding.我 喜歡編程。</p> </body></html>定義詞間距,以空格為基準進行調節。如果多個單詞被連在一起,則被視為一個單詞;如果漢字被空格分隔,此時word-spacing屬性有效。text-decoration,下劃線、刪除線、頂劃線
font-variant,英文文本變為小型的大寫字母text-decoration屬性值:none,underline,line-through,overline。
text-transform屬性值:none,uppercase,lowercase,capitalize。
font-variant屬性值:normal,small-caps。text-align屬性值:left,center,right。
有你的支持,我會更有動力。