Apa itu CSS HTML | Pengertian dan Fungsi CSS
A. Pendahuluan
Sebuah HTML akan menarik jika dibuat dengan menambahkan style - style atau gaya pada sebuah tag - tagnya. Style itu dibuat menggunakan script yang namanya CSS (Cascading Style Sheets).
B. Latar Belakang
Untuk memahami dan mengerti konsep dan fungsi CSS (Cascading Style Sheets).
C. Tujuan dan Manfaat
Agar bisa memahami dan mengerti konsep dan fungsi CSS (Cascading Style Sheets).
D. Pembahasan
CSS (Cascading Style Sheets) merupakan Script atau kode - kode yang digunakan untuk menyusun dan menata sebuah halaman website menjadi lebih menarik dan memiliki bentuk yang tertata. Untuk CSS sendiri termasuk komponen penting sebagai penyusun Website, Website seluruh dunia semua menggunakan CSS walaupun udah ada yang menggunakan Framework serperti Bootstrap, dan juga sudah di tambahkanlah script - script lain seperti Javascript, Jquery, Dan sript lainnya untuk membentuk Website yang Menarik dan Elegant.
CSS digunakan untuk membentuk sebuah website dan menatata sebuah Website. Apa yang ditata dalam Website menggunakan CSS?, Yang ditata adalah unsur - unsur atau element yang ada pada document HTML. Misal menataa bentuk Font pada sebuah Halaman Website agar sesuai dengan Tema dan lebih menarik pembaca. Selain font CSS juga digunakan untuk membentuk Tampilan seperti membentuk block persegi, persegi panjang, segitiga, lingkaran, dll yang nantinya disusun untuk membentuk tampilan Website. Sebenarnya Website tersusun oleh block - block yang terdiri dari susunan Tag yang sudah di tata dengan CSS atau Script lainnya.
Versi CSS :
- CSS1
- CSS2
- CSS3
- CSS4
CSS3 adalah CSS variasi yang sering digunakan pada saat ini, walaupun ada beberapa Website yang masih menggunakan CSS lama dan ada juga yang menggunakan CSS4. CSS3 mengadaptasi Pengembangan HTML dengan support Multimedia yang lebih modern, dengan mengikuti Teknologi yang semakin maju.
Kemampuan CSS3 :
- Membuat efek animasi sendiri tanpa adanya tambahan plugin aplikasi lainnya.
- Menambah bentuk secara grafis pada sebuah text, tabel, dan huruf.
- Membuat grafis 2D atau 3D dengan memanfaatkan block block untuk membentuk grafis tersebut.
- Memanipulasi pencahayaan dan penataan warna dalam Document HTML dan XHTML.
- Dengan teknologi modern CSS3 dapat menggantikan JQuery.
Kekurangan CSS3 :
- Script penulisannya akan lebih beda dengan script CSS sebelumnya.
- Dalam setiap Web Browser memiliki Properties yang berbeda beda jadi harus menyesuaikan pada setiap Web Browser.
Format Penulisan CSS :
Selector {Properties: Value;}
Selector CSS :
Id Selector merupakan Selector yang dimana mendefinisikan bahwa Selector ini digunakan untuk Sebuah attribute pada Tag HTML yang didefinisikan menggunakan id. Penulisannya menggunakan tanda # misal :- Id Selector
- Class Selector
- Tag Selector
#data{
background-color: red;
}
Class Selector merupakan Selector yang dimana mendefinisikan bahwa Selector ini digunakan untuk Sebuah attribute pada Tag HTML yang didefinisikan menggunakan class. Penulisannya menggunakan tanda # misal :
.data{
background-color: red;
}
Tag Selector merupakan Selector yang dimana mendefinisikan bahwa Tag HTML yang akan didefinisikan. Penulisannya menggunakan tanda # misal :
body{
background-color: red;
}
Penulisan CSS :
- Internal CSS.
- Ekternal CSS.
- Inline CSS.
Internal CSS model penulisan CSS yang mana berada di dalam Document HTML atau langsung di tulis dalam satu file dengan HTML. Yang didefinisikan menggunak tag <style> yang biasanya terletak pada antara tag <head>. Contoh penulisan :
<head>
<style>
body{
background-color: red;
}
</style>
</head>
Ekternal CSS model penulisan CSS yang mana dibuat file sendiri dengan format (.css). Yang nantinya dipanggil dengan tag <link> atau bisa juga menggunakan @import diantara tag <style>. Contoh penulisan :
Pada file .css
Pada file .css
body{
background-color: red;
}
Pemanggilan File CSS Menggunakan <link>
<head> <link rel="stylesheet" type="text/css" href="scriptcss.css"/> </head>
Menggunakan @import
<style> @import "scriptcss.css"; </style>
Inline CSS model penulisan CSS yang mana masuk pada attribute pada sebuah tag attribute tersebut adalah ("style") . Contoh penulisan :
<body style="background-color: red;"></body>
Dan itulah CSS mulai dari pengertian sampai cara penulisanya, Sebenarnya masih banyak hal tentang CSS itu sendiri.
CSS digunakan untuk memperindan dan menata sebuah tampilan halaman Website dengan cara menyusun atau menata sebuah element - element yang terdapat pada Document HTML.
F. Referensi
-
