Tiga cara untuk menggunakan css3: 1. Gaya sebaris, sintaks ialah "
"; 2. Internal style, the syntax is ""; 3. Gaya luaran, sintaksnya ialah "".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Gaya sebaris ditetapkan melalui atribut gaya dan nilai atribut boleh menjadi mana-mana gaya CSS.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
</head>
<body>
<p style="background: red"> I love China!</p>
</body>
</html>Kesan paparan:
Gaya dalaman ditakrifkan dalam bahagian kepala dokumen, melalui teg gaya yang disediakan. Anda perlu menggunakan pemilih elemen (p) untuk mengaitkan gaya dengan tag yang akan digayakan (tag p).
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
<style type="text/css">
p{
background: green;
}
</style>
</head>
<body>
<p> I love China!</p>
</body>
</html>Kesan:
Tentukan gaya css dalam *.css di luar dokumen, dan kemudian dalam dokumen Bahagian kepala diperkenalkan melalui elemen pautan.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p> I love China!</p>
</body>
</html>Kandungan fail Style.css:
p{
background: yellow;
}Kesan paparan:
a gaya daripada helaian gaya lain
Import gaya.css di atas
@import "style.css";
body{
background: red;
}ke dalam fail combine.css Import fail combine.css ke dalam fail HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
<link rel="stylesheet" href="combine.css">
</head>
<body>
<p> I <span>love</span> China!</p>
</body>
</html> Kesan :
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah tiga cara untuk menggunakan css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
