Cascading Style Sheets: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
k Bot: +{{Authority control}} |
k Bot: fixed → pages using deprecated source tags |
||
Baris 27:
== Penulisan ==
Saat masuk pada bagian CSS, sering dijumpai kode sebagai berikut:
<
h1 {
color: #0789de;
}
</syntaxhighlight>
Bagian pertama sebelum tanda '{}' dinamakan ''selector'', sedangkan yang diapit oleh '{}' disebut ''declaration'' yang terdiri dari ''dua'' unsur, yaitu ''property'' dan ''value''.''Selector'' dalam pernyataan di atas adalah h1, sedangkan ''color'' adalah ''property'', dan #0789de adalah ''value.''<ref>Untung Julianto, ''Modifikator Blogger + CD'', halaman 22. Elex Media Komputindo.</ref>
Baris 40:
Contoh penulisan CSS dengan metode '''Inline Style Sheet'''
<
<html>
<head>
Baris 56:
</body>
</html>
</syntaxhighlight>
=== Embedded Style Sheet ===
Baris 62:
Contoh penggunaan CSS dengan metode '''Embedded Style Sheet''' :<ref name="css_html" />
<
<html>
<head>
Baris 79:
</body>
</html>
</syntaxhighlight>
=== External CSS ===
CSS didefinisikan dengan disimpan di berkas yang berbeda. Ini dapat mempermudah dalam perawatan dan dapat digunakan di semua berkas HTML sehingga memudahkan seorang pengembang web untuk mengembangkan situs web miliknya. Untuk menautkan berkas CSS ke suatu berkas HTML kita hanya perlu menggunakan kode <
=== Shorthand CSS ===
Ada beberapa properti CSS yang dapat disingkat, biasanya dipanggil dengan Shorthand CSS. Teknik shorthand adalah cara mempersingkat penulisan kode CSS yang memungkinkan untuk menetapkan nilai beberapa property secara bersamaan. Teknik ini dapat menghemat karakter, menghemat energi, dan tentu saja menghemat waktu. Kode jadi terlihat lebih rapi, efisien, dan sering kali lebih mudah dibaca.
Baris 183:
== Contoh Berkas CSS ==
<
/* Kode berikut didedikasikan ke ruang publik (public domain)
Silahkan untuk menggunakan, mensalin, dan mendistribusikan kode berikut */
Baris 193:
color: red;
}
</
== Referensi ==
| |||