Pengertian, fungsi dan cara kerja CSS Terbaru

Pengertian, fungsi dan cara kerja CSS

Cascading Style Sheets

CSS - merupakan singkatan dari Cascading Style Sheets. Dimana berisi rangkaian instruksi yang dapat menentukan bagaimana suatu text itu akan tertampil di halaman web. Perancangan desain text ini bisa dilakukan dengan mengartikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain sebagainya. Elemen-elemen misalnya colors (warna) , fonts (huruf), sizes (ukuran) trus spacing (jarak) dapat disebut juga dengan “styles”.

Cascading Style Sheets atau CSS ini ternyata juga bisa meletakkan styles yang berbeda pada layers (lapisan) yang berbeda pula. CSS ini terdiri dari style sheet yang memberitahu browser dalam menyelesaikan suatu dokumen yang akan disajikan. Kemudian untuk fitur-fitur baru pada halaman web juga lama bisa ditambahkan dengan bantuan style sheet. Pada saat menggunakan CSS, Anda tidak perlu repot-repot menulis font, color atau pun size pada setiap paragraf nya, atau pada setiap dokumen sekalipun. Lalu, setelah Anda membuat sebuah style sheet, Anda pun dapat menyimpan kode tersebut sekali saja dan juga dapat kembali menggunakannya apabila suatu saat diperlukan.

Lalu apa itu CSS ?

Nah, CSS (Cascading Style Sheet) ini adalah salah satu bahasa desain web (style sheet language) dimana mampu mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda (markup laguage). Umumnys CSS ini digunakan dalam mendesain sebuah halaman HTML dan juga XHTML, akan tetapi sekarang CSS bisa diaplikasikan pula untuk segala dokumenXML, termasuk juga di dalam nya SVG dan XUL bahkan sampai dengan sistem operasi Android.

Read : Pengertian dan cara kerja pada FTP

CSS diciptakan untuk memisahkan konten utama dengan tampilan dokumen yang termasuk layout, warna dan juga font. Pemisahan ini berguna meningkatkann daya akses konten pada web, kemudian menyediakan lebih banyak fleksibilitas dan juga kontrol dalam spesifikasi dari sebuah karakteristik pada sebuah tampilan, dimana juga dapat memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kesulitan dalam penulisan kode dan struktur dari konten, misalnya dalam teknik tableless pada desain web.

CSS ini juga memungkinkan sebuah halaman untuk menampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, misalnya on-screen, in-print, by voice, dan lain sebagainya. Di samping itu, pemilik konten web juga bisa menentukan link yang menghubungkan konten dengan file CSS (Cascading Style Sheet)

Read : Pengertian dan kelebihan dari HTML5

Tujuan CSS

Tujuan utama dari CSS dikembangakan agar dapat membedakan konten dari dokumen dan dari tampilan dokumen. Maka dari itu, pembuatan dalam pemrograman ulang web pun akan lebih terasa mudah dilakukan. Hal-hal yang terlibat dalam desain web itu adalah warna, ukuran dan formatting. Dengan adanya CSS ini, konten dan desain web akan mudah saat dibedakan, jadi memungkinkan juga untuk melakukan pengulangan pada tampilan-tampilan tertentu pada suatu web, sehingga akan sangat memudahkan dalam hal membuat halaman web yang banyak, dimana pada akhirnya dapat menghemat waktu dalam pembuatan web.

Fungsi css

fungsi utama dari css yaitu mendesain, merancang, merubah, dan juga membentuk halaman pada wesite atau blog dan isi dari halaman website itu adalah tag-tag html, logikanya css itu bisa mengubah tag-tag html yang sederhana sehingga bisa menjadi lebih fungsional dan juga menarik.

Read : Pengertian JavaScript, contoh serta cara penulisannya

Cara kerja css

Untuk cara kerja css itu sebenarnya sangatlah mudah, disini kita hanya perlu menulis stylenya saja (selector id dan class tersesuaikan) maka dengan itu secara otomatis akan bekerja pada document html juga.

Oke, baiklah sahabat semua. Cukup sekian artikel saya kali ini mengenai Pengertian, fungsi dan cara kerja CSS yang Terbaru, harapan saya bisa membantu sobat semua, dan jangan lupa meninggalkan komentar dan juga saran sekalipun. Terima kasih !

Pengertian, fungsi dan cara kerja CSS Terbaru