Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Style Sheets. CSS adalah bahasa style sheet yang digunakan untuk menggambarkan
penyajian dokumen yang ditulis dalam bahasa markup, umumnya HTML. CSS
mengatur bagaimana tata letak dan konten halaman web ditampilkan di layar, kertas,
atau di media lain. CSS menyimpan banyak pekerjaan karena dapat mengontrol tata
Dokumen biasanya berupa file teks yang disusun dengan menggunakan bahasa
markup seperti HTML. Menyajikan dokumen berarti mengubahnya menjadi bentuk yang
dapat digunakan yang disajikan secara visual di layar komputer melalui browser web
pencarian seperti Chrome, Firefox, Opera, Microsoft Edge, dan lainnya. Browser web
mereka ditampilkan.
CSS dimulai pada tahun 1994 silam ini dibuat dan dikelola oleh W3C. W3C sendiri
adalah kumpulan Working Group (Kelompok Kerja) CSS dari W3C membuat dokumen
yang disebut spesifikasi. Setelah spesifikasi dibahas dan secara resmi diratifikasi oleh
anggota W3C, maka mereka akan merekomendasikannya. Untuk lebih lanjutnya, mari
pengkodean yang memberikan tampilan dan tata letak situs web. Seiring dengan
HTML, CSS adalah dasar untuk desain web. Tanpa itu, situs web akan tetap menjadi
teks biasa dengan latar belakang putih sehingga tentunya tidak menarik dan terkesan
(W3C), halaman web sangat terbatas baik dalam bentuk maupun fungsinya. Browser
awal menyajikan halaman sebagai hypertext -yakni teks biasa, gambar dan tautan ke
halaman hypertext lainnya. Tidak ada tata letak sama sekali untuk ditampilkan, hanya
Browser komersial pertama yang membaca dan menggunakan CSS adalah Microsoft
Internet Explorer 3 pada tahun 1998. Hingga hari ini, dukungan untuk fungsi CSS
tertentu bervariasi dari browser ke browser. W3C, yang masih mengawasi dan
menciptakan standar Web, baru-baru ini merilis standar baru untuk CSS – CSS3.
Dengan CSS3, pengembang berharap bahwa semua browser utama akan membaca
atas penyajian dokumen HTML. Paling umum, penggunaan sering CSS dikombinasikan
dengan bahasa markup HTML atau XHTML. Berikut apa saja fungsi, kemampuan dan
Anda dapat menulis CSS sekali dan kemudian menggunakan kembali sheet
yang sama di beberapa halaman HTML. Anda dapat menentukan gaya untuk
Anda inginkan.
Memuat halaman lebih cepat
Jika Anda menggunakan CSS, Anda tidak perlu menulis atribut tag HTML setiap
kali. Cukup tulis satu aturan CSS dari sebuah tag dan terapkan pada semua
kemunculan tag itu. Jadi lebih sedikit kode berarti waktu pengunduhan lebih
cepat.
Perawatan mudah
Untuk membuat perubahan global, cukup ubah gaya, dan semua elemen di
CSS memiliki array atribut yang jauh lebih luas daripada HTML, sehingga Anda
dapat memberikan tampilan yang jauh lebih baik ke halaman HTML Anda
Lembar gaya memungkinkan konten dioptimalkan untuk lebih dari satu jenis
situs web dapat disajikan untuk perangkat genggam seperti PDA dan ponsel
menggunakan CSS. Jadi itu ide yang baik untuk mulai menggunakan CSS di
depan.
sesuai dengan box model (model kotak). Karena halaman web adalah serangkaian
kumpulan kotak yang masing-masing berisi elemen diskrit. Kotak-kotak ini bersarang, di
Misalnya, tajuk halaman adalah kotak dan berisi beberapa kotak kecil yang terdiri dari
semua elemen yang membentuk tajuk seperti logo, navigasi, tombol media sosial,
tombol keranjang belanja, dan semua yang dibutuhkan. Menggunakan CSS, maka
pengembang dapat memberikan gaya atau sentuhan tersendiri ke kotak header. Dalam
contoh ini, mari asumsikan bahwa pengembang membuat teks di dalam header
Di sinilah bagian cascading dari style sheet cascading ikut bermain. Gaya font yang
header. Elemen yang mengandung teks seperti navigasi, tautan, atau ajakan bertindak
semuanya akan berubah menjadi berwarna merah, Arial, dan lima belas poin tadi.
CSS menghadirkan gaya ke halaman web Anda dengan berinteraksi dengan elemen
HTML. Elemen adalah komponen HTML individual dari halaman web yang misalnya
Jika Anda ingin membuat paragraf ini tampak merah muda dan tebal untuk ditampilkan
kepada orang-orang yang melihat halaman web Anda melalui browser web, Anda akan
Dalam hal ini, “p” (paragraf) disebut “selector” yang mana itu adalah bagian dari kode
CSS yang menentukan elemen HTML mana yang akan dipengaruhi oleh style CSS.
Dalam CSS, pemilih ditulis di sebelah kiri braket keriting pertama. Informasi antara
kurung keriting disebut deklarasi, dan berisi properti dan nilai yang diterapkan ke
pemilih. Properti adalah hal-hal seperti ukuran font, warna, dan margin, sedangkan nilai
adalah pengaturan untuk properti tersebut. Dalam contoh di atas, “warna” dan “font-
weight” adalah properti, dan “pink” dan “tebal” adalah nilai. Set bracketed penuh untuk
adalah deklarasi, dan sekali lagi, “p” (artinya paragraf HTML) adalah pemilih. Prinsip-
prinsip dasar yang sama ini dapat diterapkan untuk mengubah ukuran font, warna latar
umum digunakan adalah file CSS eksternal yang tertanam dalam elemen <style> di
dalam dokumen HTML. Jika lembar style yang berbeda telah ditentukan, maka style
Kita bisa menggunakan atribut style dari elemen HTML apa saja untuk
mendefinisikan aturan style. Aturan-aturan ini akan diterapkan pada elemen itu
menggunakan elemen < style > untuk memuat aturan. Tag <style > ….. </style
dokumen HTML Anda. Lembar gaya eksternal adalah file teks terpisah dengan
ekstensi “.css”. Didefinisikan sebagai semua aturan gaya dalam file teks ini dan
kemudian akan dimasukkan file ini dalam dokumen HTML apa pun di dalam tag
kami. Terkadang Anda tidak menginginkan style yang dimuat seperti ini,
sehingga Anda dapat menimpanya. Namun ada juga beberapa browser yang
menggunakan properti CSS. Karena itu, Anda harus berhati-hati saat menulis
Group CSS. Kelompok CSS ini yang membuat dokumen yang disebut spesifikasi yang
akan diratifikasi. Spesifikasi yang diratifikasi ini disebut rekomendasi karena W3C tidak
Cascading Style Sheets level 1 (CSS1) berhasil keluar dari W3C sebagai rekomendasi
mereka pada Desember 1996 silam. Versi ini menjelaskan bahasa CSS serta model
pemformatan visual sederhana untuk semua tag HTML. CSS2 menjadi rekomendasi
W3C pada Mei 1998 dan dibangun berdasarkan CSS1. Versi ini menambahkan
dukungan untuk style sheet khusus media, misalnya printer dan perangkat aural, font
Secara umum, CSS dan HTML memang tidak dapat dipisahkan penggunaannya. Jadi
jika HTML adalah fondasi, bingkai, dinding, dan balok penopang yang mendukung situs
web Anda, pertimbangkan CSS sebagai warna cat, gaya jendela, dan lansekap yang
muncul setelahnya. Anda tidak dapat membangun tanpa meletakkan sebuah fondasi
lebih dahulu. Karena jika Anda sudah mempunyai fondasi, CSS adalah alat yang paling
bagus dalam mendekorasi web Anda semenarik mungkin sesuai dengan yang Anda
inginkan.