Assalamualaikum Warahmatullah Wabarakatuh....!!!!
Waduh udah lama nih nggak nongol, aku nongol ni aja karena ada tugas dari guruku mulok yaitu disuruh membuat artikel tentang CSS. Apa itu,yaitu cascading style sheet!!! Masih bingung liat aja langsung dibawah ini ya ,semoga bermanfaat ...Amiiinnnn!!
Cascading Style Sheet yang singkatannya CSS merupakan suatu fasilitas yang digunakan untuk membentuk suatu format dalam penampilan halaman web pada web browser. Pengaturan tersebut diantaranya meliputi warna, tata letak, jenis huruf, serta aspek lainnya dalam penampilan dokumen. Fasilitas ini sangat membantu bagi para website developer dalam merancang suatu halaman terutama dengan kekonsistenan format dari informasi yang dimunculkan. Di sisi pengunjung suatu halaman web, fasilitas ini akan mempercepat proses pengambilan suatu halaman yang dimunculkan pada web browser karena ukuran jumlah data yang diambil umumnya akan semakin kecil.
Terus CSS yang paling umum digunakan adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiripun dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Sesuai dengan namanya, CSS digunakan untuk mengatur Style atau tampilan dari sebuah website seperti pengaturan font, warna dan bentuk, background, dan lain sebagainya. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
Terus cara pemakain CSS ada 2 cara. Yaitu :
1.Cara yang pertama adalah dengan menggabungkan CSS langsung ke dalam satu file markup "internal". Yang dimaksud internal sendiri adalah pengunaan CSS yang penulisannya didalam satu tag HTML atau berada dalam satu file.
2.Cara yang kedua adalah dengan cara "eksternal" intinya sama, hanya jika external anda perlu untuk membuat link untuk menghubungkan keduanya, atau dengan kata lain memangil script CSS yang disimpan di file yang berbeda.
Tapi jangan lupa, CSS juga terdapat kekurangan pada program ini seperti halnya javascript Jadi jika kamu mengunakan Mozilla Friefox belum tentu di Opera atau IE dapat menghasilkan output yang sama. Jadi alangkah baiknya kamu mencoba terlebih dahulu pada beberapa browser. Tapi saya disini tidak akan menjelaskan masalah ini, disini saya hanya akan membahas pengunaan CSS yang benar. Seperti dibawah ini...
Contoh Dari Penulisan CSS :
Contoh :
Merah, Meriah Euy…
Istilah - istilah yang ada pada CSS
Style rule
Cascading style sheet merupakan kumpulan aturan yang mendefinisikan style dari document. Sebagai contoh kita bisa membuat aturan style yang menentukan bahwa semuadi tampilkan dengan warna orange.
Style sheet
Style sheet dapat di-embedded ke HTML document. Atau disebut embedded style sheet. Style sheet juga bisa dibuat sebagai external file dan di link ke document HTML. Style role bisa di kenakan pada bagian tertentu dari web page. Sebagai contoh anda bisa menentukan paragraph tertentu di tampilkan dengan style bold dan italic sementara yang lain tetap seperti biasa.
Selector
selector { property1: value; property2:value, . . .}
h1{ color:green; background-color:orange;}
Style sheets sendiri terdiri dari dua bagian:
1.Selector
Biasanya penulisan atau isi Tag Selector adalah tag HTML, tanda sebuah selector “{}” .
2.Declaration
Terdiri dari properti dan nilainya.
Masih bingung maksudnya apa?
Declarator itu satu atau beberapa perintah/nilai dari css yang menunjukkan type bentuk yang diaplikasikan pada selector. Declaration ini biasanya di tandai dengan kurung kurawal, dan perintah/nilai css yang berbeda. Dipisahkan satu dengan yang lain dengan menggunakan titik-koma.
Biar lebih jelas dibawah ini adalah contoh pengunaan Selector dan Declaration
warna merah adalah Selector dan warna hijau adalah Declaration.
A: {color: lime; text-decoration: underline; font-family: Arial}
Apakah sudah jelas dengan teori diatas?.
Jikalau belum jelas dibaca sampai jelas , kalau tidak jelas juga ,saya juga manusia yang banyak mempunyai kesalahan..Mohon Maaf YA