masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

HTML+CSS pengenalan mudah kepada apa itu pemilih

Takrifan

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 kemas

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492321 permainan