Cascading Style Sheets: Perbedaan antara revisi

Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan
Tag: Suntingan perangkat seluler Suntingan peramban seluler
LaninBot (bicara | kontrib)
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 :<ref name="css_html">Untung Rahardja, Augury El Rayeb, & Asep Saefullah (2009). ''Siapa saja bisa membuat website dengan CSS dan HTML'', halaman 37-41. Andi Yogyakarta.</ref>
=== 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''' :<ref name="css_html"/>
<source lang="html4strict">
<html>
Baris 139:
 
== Sifat CSS ==
Ada dua sifat CSS yaitu internal dan eksternal.<ref name="Jub">Jubilee Enterprise, ''Seri Penuntun Praktis : Trik Cepat Dreamweaver Cs3'', halaman 97. Elex Media Komputindo.</ref> Jika internal yang dipilih, maka [[script|skrip]] itu dimasukkan secara langsung ke halaman [[website]] yang akan didesain.<ref name="Jub"/> Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.<ref name="Jub"/>
 
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 :<ref>Pupung Budi Purnama, ''Kiat Praktis Menjadi Desainer Web Profesional'', halaman 8. Elex Media Komputindo.</ref>
* 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.