Cascading Style Sheets: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
k Menghilangkan spasi sebelum tanda koma dan tanda titik dua |
||
Baris 41:
Bagian pertama sebelum tanda '{}' dinamakan ''selector'', sedangkan yang diapit oleh '{}' disebut ''declaration'' yang terdiri dari ''dua'' unsur, yaitu ''property'' dan ''value''.<ref name="unt">Untung Julianto, ''Modifikator Blogger + CD'', halaman 22. Elex Media Komputindo.</ref>''Selector'' dalam pernyataan di atas adalah h1, sedangkan ''color'' adalah ''property'', dan #0789de adalah ''value''.<ref name="unt"/>
Selain itu ada tiga metode penulisan CSS atribut, yaitu
=== Inline Style Sheet ===
CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut '''style="..."''' dalam tag HTML tersebut.<ref name="css_html"/> Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.<ref name="css_html"/>
Baris 67:
CSS didefinisikan terlebih dahulu dalam tag '''<style> ...</style>''' di atas tag '''<body>'''.<ref name="css_html"/> Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.<ref name="css_html"/>
Contoh penggunaan CSS dengan metode '''Embedded Style Sheet'''
<source lang="html4strict">
<html>
Baris 139:
== Sifat CSS ==
Ada dua sifat CSS yaitu internal dan eksternal.<ref name="Jub">Jubilee Enterprise, ''Seri Penuntun Praktis
Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus.<ref name="Jub"/> Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti [[model]] yang ada di skrip tersebut.<ref name="Jub"/>
== Fakta Menggunakan CSS ==
Fakta Menggunakan CSS di antaranya
* Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
* Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
|