Assalamualaikum wr wb
A. Pendahuluan
Pada artikel kali ini saya akan membahas tentang CSS
B. Pengertian
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
C. Latar Belakang
Ingin mempelajari tentang dasar CSS
D. Maksud dan Tujuan
Memahami tentang dasar CSS
E. Hasil yang di harapkan
Dapat mengerti dan memahami dasar-dasar CSS
F. 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-top
margin-right
margin-bottom
margin-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 :G. Hasil Yang Didapatkan
margin-top : 3px;
margin-right : 5px;
margin-bottom : 7px;
margin-left : 10px;
Mengerti dan paham dasar dasar CSS
H. Kesimpulan
CSS merupakan sebuah kode yang digunakan untuk mempercantik tampilan dalam sebuah website
I. Referensi
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
https://www.devaradise.com/id/2013/08/mengenal-apa-itu-css-dan-bagaimana-menggunakannya.html
Sekian artikel dari saya tentang CSS semoga bermanfaat
Wassalamualaikum wr wb
EmoticonEmoticon