css terdiri daripada dua bahagian:
badan{
Gaya
}
Bahagian sebelum {} ialah " Pemilih", "pemilih" menentukan sasaran "gaya" dalam {}, iaitu elemen dalam halaman web yang "gaya" bertindak pada
badan ialah elemen html, jadi kami turut memanggil ia adalah Pemilih elemen
jadual jadual div dll.
Mari lihat contoh di bawah
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style type="text/css"> p{ color:red; } div{ color:red; } span{ color:red; } </style> </head> <body> <p>中国</p> <div>美国</div> <span>日本</span> </body> </html>
Nota: Jika terdapat banyak teg dalam teks dan perlu mempunyai yang sama gaya, maka kita akan menggunakan css Banyak kod berulang mesti ditulis dalam gaya, jadi halaman akan menjadi tidak kemas Mari kita gunakan kaedah untuk menulisnya adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style type="text/css"> p,div,span{ color:red; } </style> </head> <body> <p>中国</p> <div>美国</div> <span>日本</span> </body> </html>
Kesan daripada menulis dengan cara ini adalah sama seperti di atas, tetapi kodnya akan menjadi sangat kemasbahagian seterusnya