Rumah > Artikel > hujung hadapan web > cara menulis css
CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menggayakan halaman web. Menguasai CSS membolehkan anda melaraskan penampilan luaran halaman web mengikut kehendak anda. Berikut ialah langkah cara menulis CSS:
Dalam fail HTML, gunakan teg
<link rel="stylesheet" type="text/css" href="styles.css">
Dalam contoh ini, kami memautkan fail CSS bernama styles.css ke dalam dokumen HTML.
Dalam fail CSS, anda perlu menulis pemilih dan satu set pengisytiharan untuk menetapkan gaya. Contohnya, jika anda ingin menetapkan warna semua perenggan dalam HTML kepada merah, anda boleh menggunakan kod berikut:
p { color: red; }
Dalam contoh ini, p
ialah "pemilih" yang menentukan HTML elemen yang perlu digayakan . color
ialah "atribut", menyatakan warna elemen dan red
ialah "nilai atribut".
CSS menyediakan pelbagai jenis pemilih untuk memilih elemen HTML yang berbeza. Berikut ialah beberapa pemilih yang biasa digunakan:
p{}
. .text{}
. #title{}
. CSS mempunyai pelbagai sifat yang boleh digunakan untuk mengawal penggayaan elemen. Contohnya:
color
: Menentukan warna teks. background-color
: Tentukan warna latar belakang. font-size
: Tentukan saiz fon. font-family
: Tentukan jenis fon. margin
: Menentukan jidar di sekeliling elemen. padding
: Menentukan pelapik di sekeliling elemen. Kaedah untuk menetapkan lagi penampilan elemen termasuk:
border
Atribut: digunakan untuk mencipta Sempadan di sekeliling elemen. Atribut width
dan height
: digunakan untuk menetapkan lebar dan ketinggian elemen. display
Atribut: Digunakan untuk menukar cara elemen dipaparkan. Model kotak CSS mentakrifkan saiz dan kedudukan elemen HTML. Setiap elemen HTML dianggap sebagai kotak segi empat tepat, yang terdiri daripada empat bahagian: kandungan, padding, sempadan dan margin.
Gaya CSS boleh diwarisi. Ini bermakna jika elemen di dalam elemen tidak mempunyai gaya yang ditentukan, maka ia akan mewarisi gaya elemen induknya.
Gaya CSS juga boleh dilantunkan. Ini bermakna jika berbilang takrifan gaya wujud, hasil pemaparan akhir akan menjadi gabungan daripadanya.
Apabila menulis kod CSS, kemungkinan besar gaya itu tidak memenuhi jangkaan. Dalam kes ini, anda boleh menggunakan alat pembangun penyemak imbas anda untuk nyahpepijat kod CSS.
Ini ialah panduan asas untuk menulis CSS. Sambil anda mendalami CSS, anda akan mempelajari teknik dan cara yang lebih maju untuk meningkatkan kecekapan kod anda.
Atas ialah kandungan terperinci cara menulis css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!