Rumah > Artikel > hujung hadapan web > kaedah pengenalan css
kaedah pengenalan css
- PHPzasal
- 2023-05-09 10:16:075219semak imbas
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>
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 93f0f5c25f18dab9d176bd4f6de5d30e dalam teg c9ccee2e6ea535a969eb3f532ad9fe89 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> Antaranya, gaya CSS ditulis di dalam tag c9ccee2e6ea535a969eb3f532ad9fe89 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 2cdf5bf648cf2f33323966d7f58a7f3f 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, sepertistyle.css. - Tulis gaya CSS yang akan diperkenalkan, contohnya:
p {
color: red;
}- Tambahkan kod berikut pada teg
93f0f5c25f18dab9d176bd4f6de5d30edalam fail HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是红色文本</p>
</body>
</html> Antaranya, teg 2cdf5bf648cf2f33323966d7f58a7f3f 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!