Bagaimana untuk memanggil css-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk memanggil css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2023-05-27 11:39:07

asal

903 orang telah melayarinya

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk mentakrifkan gaya halaman web. Ia boleh mengawal reka letak, warna, fon, dll. halaman web. Dalam penghasilan halaman web, kita biasanya perlu menggabungkan fail CSS dengan fail HTML untuk mencapai kesan gaya halaman web. Jadi seterusnya, mari kita bercakap tentang cara memanggil CSS.

Helaian gaya dalaman

Helaian gaya dalaman ialah kaedah yang mentakrifkan gaya CSS dalam kepala fail HTML untuk memudahkan penukaran dan membenamkan kod dalam fail HTML. Kaedah ini sesuai untuk gaya tertentu yang hanya diperlukan oleh halaman semasa Kaedah panggilan adalah seperti berikut:

<head>
    <title>我的页面</title>
    <style>
        /* CSS样式代码 */
    </style>
</head>

Salin selepas log masuk

Helaian gaya luaran

Helaian gaya luaran ialah. definisi gaya CSS dalam fail lain dan kemudian merujuk fail tersebut melalui pautan dalam fail HTML. Kaedah ini sesuai untuk situasi di mana berbilang halaman memerlukan gaya yang sama Kaedah panggilan adalah seperti berikut:

(1) Tentukan kod gaya dalam fail CSS

/* style.css */
body {
    background: #f6f6f6;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 14px;
}

h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

Salin selepas log masuk

(2) Pautan dalam. fail HTML fail CSS

<head>
    <title>我的页面</title>
    <link rel="stylesheet" href="style.css">
</head>

Salin selepas log masuk

helaian gaya sebaris

Helaian gaya sebaris ialah kaedah menulis gaya CSS terus dalam teg HTML. Kaedah ini sesuai untuk situasi di mana hanya satu teg perlu digayakan Kaedah panggilan adalah seperti berikut:

<h1 style="color:red;">这是一个标题</h1>

Salin selepas log masuk

Import helaian gaya

Import helaian gaya ialah satu cara. kepada gaya CSS ditakrifkan dalam fail lain, dan kemudian diperkenalkan ke dalam fail CSS lain. Kaedah ini serupa dengan struktur helaian gaya luaran, tetapi kaedah panggilan berbeza sedikit:

(1) Perkenalkan fail style.css dalam fail main.css

/* main.css */
@import url('style.css');

/* 下面是对样式的调用 */
body {
    margin: 0;
}

.container {
    width: 960px;
    margin: 0 auto;
}

Salin selepas log masuk

(2) Dalam fail HTML Pautan fail main.css

<head>
    <title>我的页面</title>
    <link rel="stylesheet" href="main.css">
</head>

Salin selepas log masuk

Gaya yang diwarisi

Gaya yang diwarisi ialah kaedah untuk menggunakan gaya teg induk pada teg anak. Kaedah ini sesuai untuk situasi di mana elemen mempunyai gaya yang sama, dan kod boleh dipermudahkan dengan gaya teg induk. Contohnya:

div {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #333;
}

h1 {
    font-size: 24px;
    font-weight: bold;
}

/* 这里的h1将继承div中的color和font-family */

Salin selepas log masuk

Ringkasnya, terdapat banyak cara untuk memanggil CSS dan anda boleh memilih kaedah panggilan yang berbeza mengikut keperluan sebenar. Dalam penghasilan halaman web, menggunakan kaedah panggilan CSS yang sesuai boleh mencapai kesan gaya halaman web dengan lebih baik dan meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk memanggil css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!