masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

HTML+CSS Mudah untuk bermula dengan memahami gaya CSS

1: Apa itu CSS

css ialah singkatan dari Helaian Gaya Lata ialah "Lembaran Gaya Lata"

Kita harus menggunakan css Perkara yang perlu diberi perhatian:

1 Apabila terdapat berbilang halaman web menggunakan CSS, gunakan kaedah penyambungan fail CSS secara luaran, supaya kod halaman web dikurangkan dengan ketara dan. ia adalah sangat mudah untuk mengubah suai; ia hanya digunakan dalam satu halaman web menggunakan kaedah pengepala dokumen, yang hanya digunakan di satu atau dua tempat pada halaman web, menggunakan sisipan sebaris.

2. Ketiga-tiga penggunaan boleh dicampur tanpa menimbulkan kekeliruan. Inilah sebabnya mengapa ia dipanggil "Cascading Style Sheet". Beginilah cara penyemak imbas mengendalikannya apabila memaparkan halaman web: semak dahulu sama ada terdapat CSS sebaris, dan jika ada, ia akan dilaksanakan dan CSS lain untuk ayat ini akan diabaikan. Kedua, semak CSS dalam mod pengepala, dan laksanakan jika ada jika tiada dua yang pertama, kemudian semak CSS dalam mod fail luaran. Oleh itu, dapat dilihat bahawa keutamaan pelaksanaan ketiga-tiga CSS ialah: sisipan sebaris, mod pengepala dan mod fail luaran.

sintaks css:

<style type="text/css">

/*Tulis gaya css*/

< ;

Satu faedah menggunakan gaya CSS ialah dengan mentakrifkan gaya tertentu, teks di lokasi halaman web yang berbeza boleh mempunyai fon bersatu, saiz fon atau warna, dsb.

Kemudian mari kita tulis contoh ：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		body{
			font-size: 20px;
			color: red;
			font-weight: bold;
		}
	</style>
</head>
<body>
		中华民族伟大复兴
</body>
</html>

Dalam kes di atas, saya menentukan gaya untuk badan, supaya semua kandungan dalam teks akan mempunyai gaya ini

manual rujukan css, anda boleh memuat turun satu daripada Baidu , seperti yang ditunjukkan dalam gambar di bawah :

2.jpg

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中华民族伟大复兴 </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)  492334 permainan