Rumah > Artikel > hujung hadapan web > Cara membaca css
Cara membaca css
- WBOYasal
- 2023-05-14 22:16:07484semak imbas
CSS (Cascading Style Sheets) ialah bahasa penanda yang biasa digunakan dalam reka bentuk web Ia boleh mengawal gaya, reka letak dan kesan interaktif halaman web. CSS pada asalnya diperkenalkan oleh World Wide Web Consortium (W3C) dan kini menjadi sebahagian daripada piawaian. Apabila mempelajari CSS, anda perlu terlebih dahulu memahami sintaks asas dan sifat biasa CSS, dan kemudian belajar cara menggunakan CSS pada reka bentuk web.
Pertama, mari kita lihat sintaks asas CSS. CSS terdiri daripada pemilih dan atribut Elemen dalam HTML dipilih mengikut pemilih, dan kemudian gaya elemen ditakrifkan melalui atribut. Berikut ialah contoh sintaks CSS mudah:
h1 {
color: red;
font-size: 24px;
}Perkara yang dilakukan oleh blok kod CSS ini ialah memilih elemen h1 dalam HTML dan kemudian menetapkan warna fonnya kepada merah dan saiz fon kepada 24 piksel. Dalam blok kod ini, h1 ialah pemilih, warna dan saiz fon ialah atribut dan merah dan 24px ialah nilai atribut.
Apabila mempelajari CSS, anda juga perlu memahami beberapa sifat dan nilai CSS biasa. Berikut ialah beberapa sifat CSS yang biasa digunakan dan fungsinya:
- warna: Tetapkan warna teks.
- saiz fon: Tetapkan saiz fon teks.
- warna latar belakang: Tetapkan warna latar belakang elemen.
- margin: Tetapkan margin elemen.
- lapik: Tetapkan jidar dalaman elemen.
- sempadan: Tetapkan sempadan elemen.
- lebar/tinggi: Tetapkan lebar dan tinggi elemen.
- paparan: Tetapkan mod paparan elemen.
Apabila menggunakan CSS, anda perlu membenamkan kod CSS ke dalam HTML atau menyimpannya sebagai fail CSS yang berasingan dan kemudian merujuknya dalam HTML. Berikut ialah beberapa kaedah aplikasi CSS yang biasa digunakan:
- Benamkan kod CSS dalam HTML
Gunakan teg gaya dalam teg kepala HTML untuk membenamkan kod CSS, seperti yang ditunjukkan di bawah :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Page</title>
<style>
h1 {
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>Dalam contoh ini, kami membenamkan kod CSS ke dalam HTML dan menetapkan warna fon elemen h1 kepada merah dan saiz fon kepada 24 piksel.
- Simpan kod CSS sebagai fail CSS yang berasingan
Simpan kod CSS sebagai fail CSS yang berasingan dan rujuknya dalam HTML seperti berikut:
Dalam fail CSS yang berasingan, kami boleh mentakrifkan semua gaya dan menggunakan gaya dengan merujuk fail ini dalam HTML.
CSS ialah bahagian yang sangat penting dalam reka bentuk web Anda boleh mencipta halaman web yang moden, cantik dan mesra pengguna dengan menguasai sintaks CSS dan sifat biasa.
Atas ialah kandungan terperinci Cara membaca css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!