Rumah > Artikel > hujung hadapan web > Bagaimana untuk memautkan html ke css
Bagaimana untuk memautkan html ke css
- 王林asal
- 2023-05-05 14:30:4710632semak imbas
Dalam reka bentuk web, helaian gaya adalah bahagian yang sangat penting, yang boleh menjadikan halaman web kita lebih cantik dan mudah dibaca. HTML boleh memaut ke helaian gaya luaran, dan helaian gaya yang paling biasa digunakan ialah CSS. Dalam artikel ini, kami akan memperkenalkan cara HTML memaut ke CSS.
1. Apakah itu CSS?
CSS (Cascading Style Sheets) ialah bahasa penanda yang digunakan untuk menerangkan gaya penampilan dokumen seperti HTML atau XML. CSS boleh memisahkan rupa dan format halaman web daripada kandungannya dengan mengawal fon, warna, latar belakang, reka letak, dsb.
2. Memautkan CSS dalam HTML
Untuk menggunakan CSS dalam HTML, kita perlu menambah elemen
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
Dalam contoh ini, kami menamakan fail CSS "styles.css" melalui elemen
Apabila pelayar menghuraikan HTML, ia memuat turun fail CSS secara automatik dan menggunakan gaya di dalamnya pada HTML.
3. Helaian gaya CSS Dalaman
Selain memautkan fail CSS luaran, kami juga boleh menambah elemen
Berikut ialah contoh:
<head>
<style type="text/css">
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
</style>
</head>
Dalam contoh ini, dua gaya ditakrifkan dalam elemen
4. Pemilih CSS
Dalam CSS, pemilih digunakan untuk memilih elemen HTML untuk gaya yang harus digunakan. CSS mempunyai banyak pemilih yang berbeza, seperti pemilih elemen, pemilih kelas, pemilih ID, dsb.
Berikut ialah contoh:
/* 元素选择器 */
p {
color: red;
}
/* 类选择器 */
.header {
background-color: lightblue;
}
/* ID选择器 */
#mainContent {
font-size: 18px;
}
Dalam contoh ini, kami memilih elemen p dan menukar warna fon, pilih kelas bernama "header" dan menukar warna latar belakangnya; mainContent" telah dipilih dan saiz fon telah ditukar.
5. Ringkasan
Melalui elemen
Menguasai kaedah memautkan HTML ke CSS ialah kemahiran penting untuk pembangunan bahagian hadapan Web. Kami boleh mencipta reka bentuk web yang indah melalui CSS, membolehkan pengguna membaca dan mengendalikan kandungan tapak web dengan lebih baik.
Atas ialah kandungan terperinci Bagaimana untuk memautkan html ke css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!