CSS membantu mengembangkan sebuah tampilan website agar terlihat lebih indah dan menarik. CSS juga dapat mengatur dekorasi website kalian, semisal untuk pengaturan ukuran teks, warna, jarak margin antar sisi, dan lain sebagainya.
Fungsi CSS
e.
Fungsi sebuah file CSS pada halaman website merupakan hal yang sangat penting. Dengan adanya file CSS maka dapat membedakan antara konten atau style/tampilan dengan dokumen website itu yang dirancang. CSS sangat berperan untuk membuat website menjadi lebih ramah terhadap pengguna karena tidak hanya sebatas text yang monoton.
Penulisan kode program CSS
Dalam CSS, terdapat beberapa aturan yang dapat membuat kode program CSS itu sendiri berjalan, diantaranya adalah:
1. Set Properti.
2. Selektor.
Berikut kami berikan contoh kode program pada HTML yang telah dilengkapi CSS.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My CSS experiment</title> <style> H1{ color: blue; background-color: yellow; border: 1px solid black; } P { color: red; } </style> </head> <body> <h1>Hello World!</h1> <p>This is my first CSS </p> </body> </html> |
Pada tampilan website kode program diatas apabila dijalankan tampilannya akan menjadi:
cara kerja css
1. Tulisan “Hello Word!” akan berukuran cukup besar, tulisan berwarna biru dan memiliki border hitam tebal, serta mempunyai background berwarna kuning.
2. Paragraf “This is my first CSS” akan berwarna merah.