kaedah pengenalan css-Soal Jawab bahagian hadapan-php.cn

kaedah pengenalan css

PHPz

Lepaskan： 2023-05-09 10:16:07

asal

5266 orang telah melayarinya

CSS (Cascading Style Sheets) ialah bahasa helaian gaya yang biasa digunakan dalam reka bentuk web. Ia boleh mengawal gaya halaman web, termasuk fon, warna, saiz, reka letak, dll., menjadikan halaman web lebih mudah dibaca dan cantik. Untuk menggunakan CSS, anda perlu memperkenalkan fail CSS ke dalam fail HTML. Tiga kaedah memperkenalkan CSS akan diperkenalkan di bawah.

1. Gaya sebaris

Gaya sebaris ialah kaedah menulis gaya CSS terus di dalam tag elemen HTML. Kelebihan pendekatan ini ialah ia boleh digayakan pada satu elemen HTML, tetapi ia boleh menjadi sangat bertele-tele dan berulang jika anda ingin menggunakan gaya yang sama pada berbilang elemen. Sintaks gaya sebaris adalah seperti berikut:

<p style="color: red;">这是红色文本</p>

Salin selepas log masuk

Antaranya, atribut style digunakan untuk menentukan gaya Atribut gaya dan nilai dipisahkan dengan titik bertindih, dan berbilang atribut dipisahkan dengan koma bertitik.

2. Helaian gaya dalaman

Helaian gaya dalaman menulis gaya CSS di dalam teg <head> dalam teg <style> fail HTML. Kaedah ini sesuai untuk situasi di mana berbilang elemen dalam fail HTML berkongsi gaya. Sintaks helaian gaya dalaman adalah seperti berikut:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                color: red;
            }
        </style>
    </head>
    <body>
        <p>这是红色文本</p>
    </body>
</html>

Salin selepas log masuk

Antaranya, gaya CSS ditulis di dalam tag <style> Gaya adalah serupa dengan gaya sebaris, tetapi tidak perlu ditulis di dalam tag elemen, tetapi ditulis di tengah { } Berbilang atribut dan nilai juga dipisahkan oleh titik bertitik.

3. Helaian gaya luaran

Helaian gaya luaran menulis gaya CSS secara berasingan dalam fail .css, dan kemudian memperkenalkannya melalui teg <link> fail HTML. Kaedah ini sesuai untuk situasi di mana berbilang fail HTML perlu berkongsi gaya yang sama. Sintaks untuk helaian gaya luaran adalah seperti berikut:

Buat fail .css, seperti style.css.
Tulis gaya CSS yang akan diperkenalkan, contohnya:

p {
  color: red;
}

Salin selepas log masuk

Tambahkan kod berikut pada teg <head> dalam fail HTML:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p>这是红色文本</p>
  </body>
</html>

Salin selepas log masuk

Antaranya, teg <link> digunakan untuk menentukan laluan fail .css dan atribut href digunakan untuk menentukan laluan dan nama fail bagi fail .css.

Di atas adalah tiga kaedah untuk memperkenalkan CSS Setiap kaedah mempunyai senario terpakai sendiri dan boleh dipilih dan digunakan mengikut keperluan tertentu.

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