Terokai cara memanggil CSS

CSS ialah bahagian penting dalam pembangunan bahagian hadapan. CSS boleh membantu kami menambah gaya pada halaman web, menjadikan halaman kami lebih cantik dan juga menjadikan halaman web lebih profesional dan lebih mudah untuk diakses oleh pengguna. Dalam artikel ini, kami akan meneroka cara memanggil CSS.

1. Gaya sebaris

CSS boleh ditulis dalam teg CSS ini dipanggil gaya sebaris. Gaya sebaris sesuai untuk menggayakan elemen individu dan mempunyai keutamaan tertinggi.

//Kod HTML

Ini ialah elemen div

di atas Dalam contoh, kami menggunakan gaya sebaris untuk menetapkan warna latar belakang div kepada merah dan warna teks kepada putih. Perlu diingatkan bahawa gaya sebaris harus digunakan sesedikit mungkin, jika tidak, kod HTML akan menjadi panjang dan sukar untuk dikekalkan.

2. Gaya terbenam

CSS juga boleh ditulis dalam teg jenis CSS ini dipanggil gaya terbenam. Gaya sebaris sesuai untuk menggayakan berbilang elemen dan mempunyai keutamaan sederhana.

// Kod HTML

<style>
    div {
        background-color: blue;
        color: white;
    }
    p {
        font-size: 14px;
    }
</style>

<div>这是一个 div 元素</div>
<p>这是一个 p 元素</p>

Dalam contoh di atas, kami menggunakan gaya sebaris untuk menetapkan warna latar belakang div kepada biru dan warna teks kepada putih, sambil menetapkan saiz fon p kepada 14px. Perlu diingatkan bahawa gaya terbenam tidak boleh dirujuk secara luaran, jadi ia tidak sesuai untuk pengurusan bersatu.

3. Helaian gaya luaran

Cara terbaik ialah menulis CSS ke dalam helaian gaya luaran dan kemudian tuding ke helaian gaya luaran melalui pautan berasingan. Melakukannya bukan sahaja akan menjadikan kod HTML lebih ringkas, tetapi juga mencapai pengurusan gaya bersatu dengan lebih baik.

// Kod HTML

<link rel="stylesheet" href="style.css">

<div>这是一个 div 元素</div>
<p>这是一个 p 元素</p>

// kod style.css
div {

background-color: green;
color: white;

}
p {

font-size: 16px;

}

Dalam contoh di atas, kami menulis CSS dalam fail style.css yang berasingan dan kemudian mengaitkannya dengan dokumen HTML melalui pautan. Perlu diingatkan bahawa helaian gaya luaran sesuai untuk menggayakan keseluruhan tapak web dan boleh dikongsi oleh berbilang dokumen HTML.

Ringkasan

Sama ada gaya sebaris, gaya terbenam atau helaian gaya luaran, kami boleh memanggil gaya CSS melaluinya. Walau bagaimanapun, kita harus memilih kaedah yang berbeza mengikut keadaan sebenar.

Gaya sebaris sesuai untuk menggayakan elemen individu;

Atas ialah kandungan terperinci Terokai cara memanggil CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!