Helaian Gaya Luaran dan Helaian Gaya CSS Terbenam
Terdapat beberapa perkara yang membuat helaian gaya luaran berbeza dari helaian gaya tertanam.

Helaian Gaya Embedded
Dalam tutorial sebelumnya, anda melihat contoh helaian gaya CSS tertanam dan anda mengetahui bahawa kod CSS asas untuk helaian gaya terbenam bermula dan berakhir dengan tag. Di dalam tag ini adalah kod CSS yang terdiri daripada setiap pemilih dan pasangan nilai harta masing-masing. Akhirnya gaya terbenam diletakkan di bahagian kepala halaman web anda.

Contoh



Helaian Gaya Luaran
Lembaran gaya luaran sedikit berbeza kerana mereka tidak mempunyai permulaan dan akhir tag. Malah, anda tidak boleh mempunyai sebarang tag HTML kecuali komen dan penyataan @import. Ia pada dasarnya adalah fail teks yang mengandungi hanya kod CSS.

Contoh
badan {background-color: #ffffff}

p {font-size: 12pt; warna: # 000000; teks-align: center}

Anda boleh menamakan helaian gaya luaran anda apa sahaja yang anda suka tetapi amalan yang baik untuk memberikan nama fail yang mencerminkan tujuan kod CSS. Contohnya kod CSS yang mengawal gaya untuk pautan menu pada halaman web anda mungkin dipanggil menu.css. Walaupun ia adalah pilihan, anda harus menggunakan sambungan .css untuk helaian gaya luaran anda.

Selepas anda membuat helaian gaya luaran, anda boleh menggunakannya di mana-mana halaman web dengan meletakkan sama ada tanda atau penyataan @import di bahagian kepala.





Arahan Video: Week 9 (Mungkin 2024).