CSS adalah suatu folder baru yang di buat untuk mendukung html atau lebih tepatnya mengatur tentang tampilan website agar lebih berwarna dan lebih hidup. CSS dibagi menjadi 4:
- Untuk Mengatur Huruf
Jadi disini kita dapat mengatur tentang tampilan huruf,warna huruf,ukuran huruf, dll.
2. Untuk Mengatur Warna
Disini kita dapat memilih/mengatur warna apapun yang mau kita buat .
3. Untuk Mengatur Bentuk
Kita dapat mengatur bentuk sesuai yang kita inginkan dengan code-code yang bisa kita pelajari.
4. Untuk Mengatur Lay-Out/tata letak
Kita dapat mengatur tata letak yang kita pilih menggunakan tag <div>.
Langkah-langkah membuat folder CSS:
- Buka file html di text editor(vscode,sublime,notepade,).
- Buka berkas/dokumen.
- Cari dan klik folder html yang sudah dibuat.
- Didalam folder html buat folder baru bernama CSS.
- Didalam folder CSS buat file bernama main.css.
- Masuk lagi di text editor.
- Buka file main.css di text editor.
- CSS pun siap digunakan.
Untuk menyambungkan file HTML dengan file CSS adalah pada bagian dalam tag <head> di beri tag <link> besrta atribut dan elemennya(<link href=”css/main.css” rel=”stylesheet”/>). Pada pembahasan sebelumya tag <link> itu khusus, yaitu langsung ditutup dengan slash(/) tanpa harus di tutup dengan penutup seperti halnya tag yang lain. Contoh:
<head>
<link href="css/main.css" rel="stylesheet"/>
</head>Maksud dari tag link tersebut:Sebelumya ,href adalah sebuah atribut yang dapat berpindah link(hyper) sesuai alamat yang dituju dielemen href nya. Jadi contoh di atas menunjukkan bahwa href akan memindahkan apa yang di code kan di html bisa kesambung langsung ke CSS dan akan di baca dengan atribut( rel=”stylesheet”). Jadi intinya href menyambungkan ke filenya CSS dan rel nya akan mendeteksi code yang dikirimkan html ke CSS.
Untuk cara menggunakan CSS dan code-codenya bisa dilihat di episode selanjutnya
