Anda di halaman 1dari 13

Nama Anggota Kelompok

I GUSTI NGURAH AGUNG SOMANDIKA (01)


PUTU ARI SAMUDRA PASAI (05)
WAYAN MAHARTHA WIJAYA (32)
Pengertian CSS
Cascading Style Sheet atau lebih sering disebut dengan istilah CSS
merupakan salah satu dokumen website yang bertujuan untuk
mengatur gaya (style) tampilan website. CSS merupakan sebuah
teknologi internet yang di rekomendasikan oleh World Wide Web
Consortium atau W3C pada tahun 1996.
CSS bukanlah sebuah bahasa pemrograman, melainkan sebuah aturan
untuk mengendalikan beberapa komponen pada web sehingga akan
lebih terstruktur, seragam dan mudah dalam pengaturan saat
pendesain sebuah halaman web. Dapat dikatakan bahwa CSS
merupakan pengembangan dari HTML dalam hal format dokumen
web. Adanya CSS memudahkan kita untuk mengatur dan memilih
sebuah website dan tampilannya karena CSS memisahkan antara
bagian presentasi dan isi dari web yang dibuat.
Anatomi CSS
Selector
- nama-nama yang diberikan untuk style-style yang berbeda,
baik itu style internal maupun eksternal
- bagian elemen HTML yang akan ditunjuk untuk mengatur
style
- dapat berupa class dan ID
Property
- property adalah aturan dalam CSS untuk mengubah selector
yang dipilih
- property mempunyai nilai yang disebut dengan value
- properties di dalam tanda { }
Value.
- Value merupakan nilai dari property CSS
Contoh codding

Tampilan CSS
CSS HTML
Hasil Akhir
Tampilan Tabel
Berikut adalah contoh tabel dengan menggunakan
atribut style. Style "margin:0 auto" di dalam tag <table>
dibawah adalah untuk membuat posisi tabel tersebut
agar berada pada tengah dokumen, width adalah lebar
dari tabel, dalam contoh adalah 80% berarti lebar dari
tabel tersebut adalah 80% dari lebar jendela browser
kita.
Kode HTML:
Hasil :
Form
Form HTML digunakan untuk memilih pelbagai macam inputan yang disediakan.
Data bisa diinputan dalam komponen entri pilihan, diantaranya input file, radio button,
chexbox, select serta datalist.
Tampilan Form
Form Input Image
Form Input File

Form Radio Button


Form komponen select

Form Input CheckBox Form komponen DataList

Anda mungkin juga menyukai