Pengenalan CSS
CSS merupakan
singkatan dari Cascading Style Sheets yaitu suatu bahasa lembar gaya yang
digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa
markah.Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web
yang ditulis dengan HTML,yang menggunakan Style untuk menampilkan elemen-elemen
HTML.
Style mendefinisikan bagaimana elemen-elemen HTML ditampilkan di
browser. CSS dapat digunakan pada satu atau lebih halaman HTML. Untuk
mendefinisikan Style beberapa halaman HTML, biasanya CSS disimpan didalam satu
file tersendiri di luar file HTML.
Hal ini
memudahkan web desainer untuk melakukan perubahan style. Sehingga untuk merubah
tampilan beberapa halaman HTML cukup dengan merubah satu file CSS.
CSS biasanya digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markah lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.
CSS biasanya digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markah lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.
Menurut
penulisannya CSS dapat dibagi menjadi 3 jenis, yaitu :
- Internal Style Sheet,CSS didefinisikan di dalam file HTML, yaitu dalam elemen <head>.
- External Style sheet, CSS didefinisikan di dalam satu file tersendiri di luar file HTML.
- Inline
Style Sheet,CSS
didefinisikan di dalam setiap elemen/tag HTML.
Sintaks CSS terdiri atas
tiga bagian, yaitu : selector, property, dan value selector.
- Selector merupakan tag yang ingin diberikan style atau tag HTML yang akan didefinisikan (body,h1,link,dll).
- Property merupakan atribut yang ingin didefinisikan atau yang akan diubah dan value merupakan nilai dari atribut. Antara property dan value dipisahkan oleh tanda titik dua (:).
- value terdiri atas beberapa kata, maka value tersebut diapit dengan tanda kutip (“ “).
Disini ada contoh untuk mengatur border dengan CSS
- Border Solid
- Border Dotted
- Border Double










No comments:
Post a Comment