Page 308 - SK tingkatan 5
P. 308
Helaian gaya luar (External Style Sheet)
Tahukah
Anda Helaian gaya luar bermaksud tag gaya akan ditulis dan disimpan di dalam
satu fail dan fail itu mesti mempunyai extension “CSS”. Seterusnya, fail
tersebut akan dipanggil daripada tag HTML dengan mengandungi sintaks
Kelebihan External
Style Sheets seperti berikut:
1 Anda boleh
mengawal beberapa <link rel=”stylesheet” type=”text/css” href=”style1.css”>
dokumen sekali
gus.
2 Anda boleh
membina kelas CONTOH 2
untuk stail yang
boleh digunakan Contoh 2 menunjukkan cara penulisan CSS menggunakan External Style
pada elemen hTML Sheet.
yang berbeza.
3 Anda boleh Terdapat dua fail yang perlu disediakan:
mengumpulkan 1 Satu fail bernama “style1.css” perlu disediakan yang mengandungi
stail dengan mudah kandungan yang berikut:
untuk dijadikan
lebih efisien. Fail “style1.css”
h1 {
color: blue;
Tahukah }
Anda 2 Satu fail bernama “utama.html” perlu disediakan untuk menggunakan gaya
yang telah ditulis dalam “style1.css”:
Kelebihan Internal
Style Sheets Fail “utama.html”
1 Internal Style
Sheets hanya
memberikan kesan <html>
pada laman yang <head>
sedang dipaparkan. <title>Penggunaan CSS</title>
2 Internal Style <link rel=”stylesheet” type=”text/css”
Sheets boleh href=”style1.css”>
menggunakan kelas </head>
dan ID.
3 Internal Style <body>
Sheets tidak <h1>Laman Web Sekolah</h1>
memerlukan anda </body>
memuat naik fail </html>
yang banyak.
Output:
Rajah 3.3.43 Contoh HTML, CSS dan Output (External Style Sheet)
300 Sains Komputer Tingkatan 5
