Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website.
Anatomi CSS
Bagian – bagian utama dari sebuah CSS itu terdiri dari tiga bagian yaitu: selector, property, value
Cara kerja CSS dimulai saat deklarasi style yang diinginkan dengan menulis style (selektor, id dan class), maka secara otomatis style tersebut akan bekerja pada dokumen HTML. Pendefinisian style bisa dilakukan pada tag <style>. Di dalam pasangan tag tersebut, pendefinisian style dilakukan dengan bentuk Selector { … }
Class dan ID
Class = mendefinisikan kelas yang bisa berlaku untuk sembarang tag HTML. Bentuknya: .nama-class { …}
ID = mendefinisikan style bagi elemen yang memiliki ID sesuai yang tercantum dalam selector. Bentuknya: #id { … }
Inline Style sheet
CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut.
Embedded Style sheet
CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>, lebih tepatnya didalam tag <head> Contohnya seperti yang ada pada contoh class dan id
External Style sheet
CSS didefinisikan secara terpisah pada file yang berbeda. Dan selanjutnya file atau halaman web yang ingin menerapkan style pada file CSS tersebut tinggal memanggil file CSS tersebut
Buatlah halaman web sebagai berikut
Hello, my satria mubarok anwar. I'm a 20 year old and iam a blogger.
Tidak ada komentar:
Posting Komentar