Format teks CSS
Warna Teks
Atribut warna digunakan untuk menetapkan warna teks.
Warna paling kerap ditentukan melalui CSS:
Nilai perenambelasan - seperti "#FF0000"
Nilai RGB - "RGB (255,0,0 )"
Nama warna - seperti "merah"
Warna latar belakang halaman web merujuk kepada pemilihan dalam badan:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>
<body>
<h1>多些書卷氣 少些書生氣</h1>
<p>人有書卷氣，氣質(zhì)美如蘭。有書卷氣的人，身上有那么一股淡淡的書香，透著墨的芬芳，留著硯的韻味，帶著紙的氣息。
千百年來，那一縷縷飄逸的書香，把一批批文人志士熏陶和浸潤得文雅儒雅、優(yōu)雅高雅。</p>
<p class="ex">漫步歷史長廊，洋溢書卷氣的人不勝枚舉</p>
</body>
</html>Penjajaran teks
Harta penjajaran teks digunakan untuk menetapkan penjajaran mendatar teks.
Teks boleh dipusatkan atau dijajarkan ke kiri atau kanan, dibenarkan pada kedua-dua hujung
Apabila penjajaran teks ditetapkan kepada "justify", setiap baris dikembangkan untuk mempunyai lebar yang sama. jidar kiri dan kanan ialah Penjajaran (seperti majalah dan surat khabar).
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</style>
</head>
<body>
<h1>CSS text-align 實例</h1>
<p class="date">xxxx 年 x 月 xx號</p>
<p class="main">有一個年輕人去買碗，來到店里他順手拿起一只碗，然后依次與其它碗輕輕碰擊，碗與碗之間相碰時立即發(fā)出沉悶、渾濁的聲響，他失望地?fù)u搖頭。
然后去試下一只碗。。。他幾乎挑遍了店里所有的碗，竟然沒有一只滿意的，就連老板捧出的自認(rèn)為是店里碗中精品也被他搖著頭失望地放回去了。</p>
<p><b>注意：</b> 重置瀏覽器窗口大小查看 "justify" 是如何工作的。</p>
</body>
</html>Hiasan Teks
Atribut hiasan teks digunakan untuk menetapkan atau memadamkan hiasan teks.
Dari perspektif reka bentuk, atribut hiasan teks digunakan terutamanya untuk mengalih keluar garis bawah pautan:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a {text-decoration:none;}
</style>
</head>
<body>
<p>鏈接到: <a href="#">php.cn</a></p>
</body>
</html>Anda juga boleh menghiasi teks seperti ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>
<body>
<h1>好好學(xué)習(xí)</h1>
<h2>原價￥30</h2>
<h3>現(xiàn)價￥10</h3>
</body>
</html>Penukaran teks
Sifat penukaran teks digunakan untuk menentukan huruf besar dan huruf kecil dalam teks.
boleh digunakan untuk menjadikan semua perkataan huruf besar atau huruf kecil, atau menggunakan huruf besar pada huruf pertama setiap perkataan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>
<body>
<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>
</body>
</html>Inden Teks
Sifat inden teks digunakan untuk menentukan inden baris pertama teks.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {text-indent:30px;}
</style>
</head>
<body>
<p>無疑的，這些人都在做著一個相同的動作：玩手機(jī)。
令人感到諷刺的是，盡管電視的廣告里不斷地重復(fù)著“不做低頭族，出行更安全”的提醒，可這些聚精會神的“低頭族們”壓根就當(dāng)沒聽見似的，
繼續(xù)旁若無人地玩著手機(jī)不把自已的生命當(dāng)回事兒。有些用微信在聊天，有些在玩手游，有些在看影視劇，有些打電話等等。</p>
</body>
</html>Semua sifat teks CSS.
Hartanah ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??????????????????????????????????????????????????????????????????????? Tetapkan warna?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????Tetapkan warna teks
jarak huruf ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????Jajarkan teks dalam elemen
