Pendahuluan
Assalamualaikum
Wr.Wb.
Kembali
lagi di blog sederhana saya, kali ini saya akan sharing sedekit
tentang CSS. Disini saya hanya sharing tentang pengenalannya saja,
jika kalian ingin mengetahuinya silahkan di baca pada penjelasan
singkat berikut ini!.
Latar Belakang
Membagikan
pengetahuan tentang CSS.
Maksud dan Tujuan
Memahami dan
mengetahui tentang dasar CSS
Pembahasan
Apa itu CSS ? CSS
adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan
kode-kode yang bertujuan untuk menghias dan mengatur gaya
tampilan/layout halaman web supaya lebih elegan dan menarik. CSS
adalah sebuah teknologi internet yang direkomendasikan oleh World
Wide Web Constrium atau W3C pada tahun 1996. Awalnya , CSS
dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga
saat ini. CSS telah mendukung banyak bahasa markup seperti
HTML,XHTML,SVG ( Scalable Vector Graphics ) dan Mozilla XUL (XML User
Interface Language )
Pada desember 1996,
W3C memperkenalkan level1 spesifikasi CSS atau juga dikenal CSS1 yang
mendukung format, warna font teks, dan lain-lain. Kemudian, Mei 1998,
W3C menerbitkan CSS2 yang di dalamnya diatur fungsi peletakan elemen.
Dan sekarang, W3C telah memperbaiki dan meningkatkan kemampuan CSS2
ke CSS3
Cara Penulisan CSS
Inline Style Sheet
CSS didefinisikan
langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup
dengan menambahkan atribut style="..." dalam tag HTML
tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan
tidak akan memengaruhi tag HTML yang lain
External Style Sheet
CSS didefinisikan
secara terpisah dengan menggunakan format file .css . pada file html,
untuk melakukan import kode css bisa menggunakan tag <link
rel="stylesheet" href="nama file css">.
Embedded Style Sheet
CSS didefinisikan
terlebih dahulu dalam tag <style> .. </style> di atas tag
<body>. Pada pendefinisian ini disebutkan atribut-atribut CSS
yang akan digunakan untuk tag-tag HTML yang selanjutnya dapat di
gunakan oleh tag HTML yang bersangkutan.
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 seringkali lebih mudah di
baca
Dalam CSS, adalah
wajar jika satu property memiliki banyak elemen. Misalnya dalam CSS
margin memiliki 4 property untuk setiap sisi elemen
margin-topmargin-rightmargin-bottommargin-left
Jika menggunakan
teknik shorthand CSS, maka penulisan semua property bisa disatukan
demi terciptanya kode yang lebih ringkas. Urutan penulisan syntax
padateknik shorthand harus benar agar sesai dengan style yang di
inginkan.
contohnya :
margin : 3px 5px 7px 10px;
Keterangan :
margin-top :
3px;
margin-right :
5px;
margin-bottom :
7px;
margin-left :
10px;
Kesimpulan
CSS merupakan sebuah
kode yang digunakan untuk mempercantik tampilan dalam sebuah website.
Penutup
Sekian yang bisa
share kali ini, semoga bermanfaat bagi teman-teman pembaca. Jika ada
kesalahan dalam penulisan artikel mohon di maafkan.
Wassalamualaikum
Wr.Wb.
Referensi
0 komentar:
Posting Komentar