CSS ???
? ?? ??? ??? ???? ?? ?? ?? ??? ??? ??? ??? ? ??? ????? ???? ? ?? ??? ?????. ?? ???? ?? ???? ?? ??, w3c?? ? ??? ?? ???? ? ?? ????.
?? 1 color color
index.html
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <p>查看顏色</p> <h1>標題查看顏色</h1> </body> </html>
style.css
body{
color: aqua;
}?? ?? :
??? ??? ??? ?? ? ? ???, p ??? h1 ??? ??? ?? ??? ??? ?????. ?? ?? ??? ? ??? ??? ?? ??? ???? ?????.
?? 2 text-align
text-align? ?? ???? ??? ? ?? ??? ??? ??? ?? ?????. ?? 3? ?? ?? ????? 4??? 5?? ?? ? ? ?????.
left, right, center ?? ???? ??? ???? ?? ?? ??, ??? ??, ??? ?????.
???? ???? ????? ???, ?? text-align? ???? ?????. ???? ?? ???? ???? ??? ????? ???????("???? ?????" ????? ?). index.html
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <p>php中文網</p> </body> </html>
style.css
body{
color: red;
text-align: center;
}?? ??:
? 3 ??? ????
??? ????? ? ????? ??? ? ?? ?? ?????? ? ?? ????? ???? ??? ?? ?? ?? ? ?????. CSS? ??? ????? ???? ??? ? ?? text-indent ??? ?????. text-indent ??? ???? ?? ??? ? ?? ?? ??? ??, ??? ?? ??? ????? ? ????. ? ??? ?? ???? ??? ??? ? ?? ?? ???? ????. ?? ??? ?? ??? ? ?? ?? 5em? ???? ????.
p {text-indent: 5em;}?? index.html? ??? ??? ????. ??>
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div> <h3>PHP中文網</h3> <p>最好的自學網站</p> <p>最好的自學網站</p> <p>最好的自學網站</p> <p>最好的自學網站</p> </div> </body> </html>??? CSS ??? ???? ???. ???? ??? ??? ????. style.css ??? ?? ????? ???? "Lab Building" ? ??? 2???? ?????.
h3{
text-indent: 5em;
}?? ??: 
?? ??
?? ?? ??? ??? ????. ?? ??(??) ??? ?? ??? ?????. ???? Normal? ?? 0?? ???? ?? ????. ?? ?? ??? ?? ?? ?? ?? ?? ?????. ?? ?? ?? ???? ?? ??? ??? ?????. ?? ??? ?? ?? ???? ? ??????.<html> <body> <h1 style="word-spacing:15px;">設置中文字符間距</h1> <h1 style="word-spacing:15px;">this is a test</h1> </body> </html>
?? ??
letter-spacing ??? word-spacing? ???? ?? ??? ?? ?? ?? ??? ??? ????? ????.
word-spacing ??? ????? letter-spacing ???? ??? ??? ?? ??? ?????. ?? ???? Normal???(letter-spacing:0? ??). ??? ?? ?? ??? ??? ?? ??? ??? ???? ????:
<html>
<head>
<style type="text/css">
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
</style>
</head>
<body>
<h1>php中文網</h1>
<h4>php中文網</h4>
</body>
</html>?? ??
text-transform ??? ???? ????? ?????. ? ???? 4?? ?? ????:
??
???
???
???
??? ??? ???? ???? ??? ?? ???? ?? ???? ?????. ???? ? ? ??? ???? ???? ???? ?? ???? ???? ?????. ????? ???? ? ??? ? ??? ???? ?????.
????? text-transform? ???? ?? ? ??? ??? ?? h1 ??? ???? ???? ??? ?? ??? ? ????. ?? h1 ??? ???? ????? ???? ?? text-transform? ???? ???.
h1 {text-transform: uppercase}text-transform? ???? ? ?? ??? ????. ??, h1 ?? ??? ???? ?? ? ??? ???? ?? ??? ??? ?????. ??, ??? ?? ???? ?? ???? ?? ????? ??? ?? ??? ???? ?? ? ?? ????.
??? ??
????, ?? ???? ??? ???? ?? ???? ??? ??? ?? ??? ?? ?????.
??? ???? 5?? ?? ????:
??
??
overline
line-through
???
?? ??? ??? ??? ??? , HTML? U ??? ????. overline? ???? ??? ???? ??? ??? ??? ????. line-through ?? HTML? S ? Strike ??? ???? ??? ??? ?? ?? ????. ???? Netscape?? ???? ??? ??? ???? ???? ???? ???.
none ?? ?? ??? ??? ?? ??? ???. ????? ?? ???? ?? ????? ?? ?? ?? ????. ?? ??, ???? ????? ??? ??? ????. ?????? ??? ????? ?? CSS? ???? ???.
a {text-decoration: none;}??: ??? ??? ???? ?? ??? ??? ????? ???? ?? ??? ?? ??? ??? ??? ??? ???? ?????(??? ??? ?????? ??? ??? ??? ??? ????). ??? ?????) ??).
??? ???? ?? ??? ??? ?? ????. ?? ?????? ??? ??? ?? ????? ??? ??? ????:
a:link a:visited {text-decoration: underline overline;}??? ? ?? ?? ?? ??? ??? ??? ???? ?? ?? ??? ?? ??? ??????. ? ?? ??. ?? ??? ?????:
h2.stricken {text-decoration: line-through;}
h2 {text-decoration: underline overline;}??? ??? ??, ???? ???? ?? ?? h2 ???? ??? ??? ??? ?? ???? ??? ????. ???? ??? ?? ?? Accumulate ?? ???? ?????.
?? ??
white-space ??? ??? ????? ?? ???? ??, ? ?? ? ? ??? ???? ? ??? ???.
? ??? ???? ????? ?? ??? ??? ? ??? ??? ???? ??? ??? ? ? ????. ?? ?? ?? XHTML ????? ?? ??? ?????. ?? ?? ??? ?? ???? ?????. ??? ?? ???? ???? ? ????? ??? ? ? ?? ??? ?? ??? ???? ??? ? ??? ?????.
<p>This paragraph has many spaces in it.</p>
? ???? ?? ??? ???? ????? ??? ? ????. ??:
p {white-space: normal;}? ??? ????? ???? ??? ????? ?????. ?, ?? ??? ?????. ? ?? ???? ?? ??(??? ??)? ???? ????, ? ?? ?? ??? ????? ??? ?? ???? ?????.
??? ??
??? ?? ??? ???? ?????, ??? ??? ?? ?? ?????. ?? ??. ??? ??? ?? ??? ???? ?? ????. ??? ?? ???? ????? ???? ???? ?? ?? ???, ?? ????? ???? ????? ???? ????. CSS2? ???? ???? ??? ??????.
?? ??? ?? ?? ??? ??? ?? ??, ???? ? ???? ??, ???? ?? ??? ??? ??? ??, ?? ?? ??? ??? ? ??? ??? ???. .
??: ??? ??? ?? ?? ??? unicode-bidi ??? embed ?? bidi-override? ??? ???? ?????.
direction ???? ltr? rtl??? ? ?? ?? ????. ???? ?? ???? ???? ????? ???? ???? ltr???. ????? ???? ???? ???? ?? rtl ?? ???? ???.
