A.Pendahuluan
Assalamu’alaikum Wr.Wb. Hello gays kembali lagi di blog sederhana saya. Pada hari saya akan membahas tentang apa itu CSS. Baca Juga Pengertian HTML
Assalamu’alaikum Wr.Wb. Hello gays kembali lagi di blog sederhana saya. Pada hari saya akan membahas tentang apa itu CSS. Baca Juga Pengertian HTML
B.Latar Belakang
Dalam kesempatan ini saya akan sharing sedikit tentang pengertian tentang CSS dan sedikit contoh ngodingnya.
C.Maksud dan Tujuan
Tujuan di buatnya artikel ini adalah untuk membahas tentang pengertian CSS.
D.Pembahasan
Apa itu CSS?
CSS atau singkatan dari Cascding Style Sheet merupakan sebuah komponen program dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS adalah bahasa yang menggambarkan gaya documen HTML. Sama halnya dengan style pada umumnya yang dugunakan untuk memberikan besar, lebar, warna, dan banyak lagi.
Fungsi dari CSS
Adapun fungsi dari CSS sebagai memperbagus tampilan dari sebuah laman brower mulai dari Menu , gambar, jarak , dan banyak lagi.
Logikanya bagaikan sebuah buku biasa tanpa sebuah gambar yaitu html dan agar penampilan dari buku itu menarik di perlukan gambaran agar dapat memikat itulah CSS.
Adapun fungsi dari CSS sebagai memperbagus tampilan dari sebuah laman brower mulai dari Menu , gambar, jarak , dan banyak lagi.
Logikanya bagaikan sebuah buku biasa tanpa sebuah gambar yaitu html dan agar penampilan dari buku itu menarik di perlukan gambaran agar dapat memikat itulah CSS.
Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, kemudian membentuk hubungan (parent-child) atau biasa di sebut ayah-anak pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh W3C atau World WIde Web Consortium pada tahun 1996. Setelah CSS distandardisasikan, internet Explorer dan Netscape.
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, kemudian membentuk hubungan (parent-child) atau biasa di sebut ayah-anak pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh W3C atau World WIde Web Consortium pada tahun 1996. Setelah CSS distandardisasikan, internet Explorer dan Netscape.
Contoh Penulisan CSS:
Inline style sheet
Inline style sheet adalah masukan kode CSS yang didefinisikan langsung pada tag html yang bersangkutan. Cara kerjanya cukup dengan membuat atribut style=”..” dalam tag HTML tersebut. Contoh seperti gambar di bawah.
Inline style sheet
Inline style sheet adalah masukan kode CSS yang didefinisikan langsung pada tag html yang bersangkutan. Cara kerjanya cukup dengan membuat atribut style=”..” dalam tag HTML tersebut. Contoh seperti gambar di bawah.
Embedded Style Sheet
Embedded Style Sheet di CSS merupakan kode yang didefinisikan terlebih dahulu dalam tag <style>..</style> dan di atas tag <body>. Contoh seperti gambar di bawah.
Embedded Style Sheet di CSS merupakan kode yang didefinisikan terlebih dahulu dalam tag <style>..</style> dan di atas tag <body>. Contoh seperti gambar di bawah.
Shorthand CSS
Shorthand CSS merupakan 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 muda di baca. Contoh seperti gambar di bawah.
Shorthand CSS merupakan 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 muda di baca. Contoh seperti gambar di bawah.
 |
| File HTML |
 |
| File CSS |
E.Kesimpulan
CSS sendiri menjelaskan bagaimana elemen HTML harus di tampilkan dan CSS juga menjelaskan bagimana elemen HTML di tampilkan di layar, browser, atau di media lain.
CSS sendiri menjelaskan bagaimana elemen HTML harus di tampilkan dan CSS juga menjelaskan bagimana elemen HTML di tampilkan di layar, browser, atau di media lain.
F.Penutup
Nah itulah tadi sedikit sharing dari saya tentang pengertian CSS dan sedikit konfigurasinya.
G.Referensi
W3SChool.COM dan WIkipedia
W3SChool.COM dan WIkipedia
Comments
Post a Comment