Jadi disini ada beberapa cara untuk menambahkan atau menulis css
External CSS
Jadi kita membuat file lagi dengan format .css di akhir penamaan file. File tersebut kemudian dihubungkan ke dalam file HTML melalui tag <head> menggunakan tag <link>. Contoh penulisannya:
<html> <head> <link rel="stylesheet" href="style.css"> </head> </html>
Internal CSS
CSS ditulis langsung di dalam file HTML menggunakan tag <style> yang diletakkan di dalam <head>. Contoh penulisannya:
<style> h1 { color: blue; } </style>
Inline CSS
CSS ditulis langsung di dalam tag HTML menggunakan atribut style. Contoh penulisannya:
<h1 style="color: blue;">Halo</h1>
Multiple CSS
Kita bisa menggunakan lebih dari satu cara sekaligus dalam satu file HTML. Misalnya External dan Internal CSS digunakan bersamaan. Contoh penulisannya:
<head> <link rel="stylesheet" href="style.css"> <style> h1 { color: red; } </style> </head>
Syntax dan Selector
Syntax dalam CSS adalah aturan penulisan kode CSS yang terdiri dari selector (tag, class , id). dan juga berisi deklarasi (property dan value):
selector { property: value; }
Contohnya :
Selector Tag h1 { color: blue; } Selector Class .judul { font-size: 20px; } Selector ID #header { background-color: gray; }
Comment
Comment digunakan untuk memberikan catatan pada kode agar lebih mudah dipahami. Comment tidak akan dijalankan oleh browser. contoh komen di css
/* Ini adalah comment di CSS */ h1 { color: blue; /* Mengubah warna teks */ }