Lembar Gaya Eksternal dan Lembar Gaya CSS Tertanam
Ada beberapa hal yang membuat style sheet eksternal berbeda dari style sheet yang disematkan.

Lembar Gaya Tertanam
Dalam tutorial sebelumnya Anda melihat contoh lembar gaya CSS tertanam dan Anda belajar bahwa kode CSS dasar untuk lembar gaya tertanam dimulai dan diakhiri dengan tag. Di dalam tag ini terdapat kode CSS yang terdiri dari setiap pemilih dan pasangan nilai properti masing-masing. Akhirnya gaya yang tertanam ditempatkan di bagian kepala halaman web Anda.

Contoh



Lembar Gaya Eksternal
Sheet style eksternal sedikit berbeda karena tidak memiliki tag awal dan akhir. Faktanya, Anda tidak dapat memiliki tag HTML apa pun kecuali untuk komentar dan pernyataan impor. Ini pada dasarnya adalah file teks yang hanya berisi kode CSS.

Contoh
body {background-color: #ffffff}

p {font-size: 12pt; warna: # 000000; perataan teks: tengah}

Anda dapat memberi nama style sheet eksternal apa pun yang Anda suka, tetapi merupakan praktik yang baik untuk memberi nama file yang mencerminkan tujuan kode CSS. Misalnya kode CSS yang mengontrol gaya tautan menu pada halaman web Anda mungkin disebut menu.css. Meskipun bersifat opsional, Anda harus menggunakan ekstensi .css untuk style sheet eksternal Anda.

Setelah membuat lembar gaya eksternal, Anda dapat menggunakannya di laman web mana pun dengan menempatkan tag atau pernyataan @import di bagian kepala.





Petunjuk Video: Tutorial CSS ke 2-Cara menggunakan CSS Eksternal (Mungkin 2024).