Gaya teks CSS

Gaya teks CSS ialah pengubahsuaian gaya berbanding kandungan. Kerana dalam hubungan melata, kandungannya lebih tinggi daripada latar belakang. Jadi gaya teks adalah lebih penting.

Sifat teks kawalan CSS:

1. Tetapkan inden teks: text-indent:length (unit panjang ) boleh menjadi negatif

2. Penjajaran mendatar teks: penjajaran teks: kiri, tengah, kanan

3. Pemprosesan kosong: white-space:nowrap (nowrap dipaksa untuk dipaparkan dalam satu baris, pra garis baharu dan ruang dikekalkan, normal secara automatik dibalut)

4 , Kawalan huruf besar: teks-transformasi: (huruf besar huruf pertama setiap perkataan dalam huruf besar, huruf besar setiap huruf dalam huruf besar, huruf kecil setiap huruf dalam huruf kecil, tiada saiz normal)

5. Jajaran menegak teks: jajaran menegak: (sub menetapkan teks sebagai subskrip, super menetapkan teks sebagai superskrip, atas dijajarkan dengan bahagian atas, teks-bawah dijajarkan dengan bahagian bawah)

6, warna teks: warna menetapkan warna teks

Lekukan baris pertama

Definisi: Lekukan baris pertama ialah untuk mengesot baris pertama perenggan, yang merupakan kesan pemformatan teks biasa. Secara amnya, apabila menulis dalam bahasa Cina, terdapat dua ruang kosong pada permulaan, sama seperti ini.

[Nota] Atribut ini boleh menjadi negatif

inden teks

Nilai: <panjang> peratusan>. mewarisi

Nilai awal: 0

Digunakan pada: elemen peringkat blok (termasuk blok dan blok sebaris)

Warisan: Ya

Peratusan: relatif kepada lebar bongkah yang mengandungi

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
p {text-indent:50px;}
</style>
</head>
<body>
<p>亚冠联赛是亚洲最高等级的俱乐部赛事,相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯,高于亚足联杯和亚足联主席杯,
获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。</p>
</body>
</html>

Penjajaran mendatar

Definisi: Penjajaran mendatar ialah penjajaran mendatar yang mempengaruhi teks dalam elemen.

selaraskan teks

Nilai: kiri | kanan |

Nilai awal: kiri

Digunakan pada: elemen peringkat blok (termasuk blok dan blok sebaris)

Warisan: Ya

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>格式</title> 
<style>  
.center  
{  
margin:auto;  
width:70%;  
background-color:#b0e0e6;  
}  
</style>  
</head>  
   
<body>  
<div class="center">  
<p>亚冠联赛是亚洲最高等级的俱乐部赛事,相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯,高于亚足联杯和亚足联主席杯,</p>  
<p>获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。</p>  
</div>  
</body>  
</html>

Penukaran teks

Teks-transformasi digunakan untuk mengendalikan penukaran huruf besar Inggeris

teks-transformasi

Nilai: huruf besar (semua huruf besar) | huruf besar) |. gunakan huruf besar (huruf besar) |. tiada |.

Pengubahsuaian teks

Definisi:

Pengubahsuaian teks digunakan untuk menyediakan baris pengubahsuaian untuk teks

[Nota] Warna pengubahsuaian teks baris adalah sama dengan warna teks

hiasan teks

Nilai: tiada | [garis bawah(garis bawah) ||. garis tengah)] |. mewarisi

Nilai awal: tiada

Terpakai pada: semua elemen

Warisan: tiada

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>转换</title> 
<style>
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}
</style>
</head>
<body>
<p class="uppercase">hello css</p>
<p class="lowercase">hello css</p>
<p class="capitalize">hello css</p>
</html>

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS控制文本</title> </head> <style type="text/css"> #one{text-indent:2em;} #two{text-align:center; white-space:pre; text-transform:uppercase;} span{vertical-align:super;} #t2{width:100px; vertical-align:middle;} </style> <body> <p id="one">0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火</p> <h1 id="two">玩命暴扣扳平+助攻绝杀三分 <span>热火</span>太幸运有这fkasfjklas fklasdj颗队魂</h1> <p>热火今夜还一功臣必须赞 11分不多但却分分是金!</p> <p>詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔</p> <p>斯帅称客战开拓者奥登不打 波什:他很快就可复出</p> <p id="t2"> 斯帅称客战开拓者奥登不打 波什:他很快就可复出 </p> </body> </html>