Apa itu CSS
Pengertian CSS
CSS adalah kependekan dari Cascading StyleSheet yang merupakan sekumpulan kode (teks) yang mendeskripsikan bagaimana elemen HTML akan ditampilkan disuatu halaman web.
Fungsi CSS
CSS berfungsi sebagai pengubah atau pemberi gaya dari elemen HTML.
Lebih jelasnya, CSS itu mengatur bentuk, ukuran, warna dan bagaimana suatu elemen HTML akan ditampilkan dihalaman web. Bahkan jika suatu halaman web dicetak dalam kertas, tampilan halaman yang tercetak dalam kertas itupun bisa diatur menggunakan CSS.
Cara menggunakan CSS
Dalam praktik penggunaannya, CSS bisa dibuat ataupun dimuat.- Untuk memuat CSS kedalam suatu halaman berarti sumber asal CSS tidak dari dalam template alias diluar template (external CSS) :
Memuat CSS eksternal caranya adalah menggunakan tautan seperti :
<link href='url-css/nama-file.css'/>
Tautan tersebut diletakkan diantara tag <head>. - Membuat CSS didalam template (CSS internal) :
Menuliskan kode CSS langsung didalam template terpisah dengan elemen. - Membuat CSS inline :
Menuliskan CSS dengan cara menyatukannya dalam tag elemen (inline CSS)
Memuat CSS eksternal
Meletakkan link (tautan) yang menghubungkan CSS dengan halaman. Contoh :<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="urlpenyimpanan.css">
</head>
<body>
<!-- Elemen halaman -->
</body>
</html>
- Kode CSS dituliskan diantara tag pembuka <style> dan tag penutup </style>
- Dalam template Blogger, tag <style> yang menampung kode CSS dituliskan sebagai <b:skin>
- Cara penulisan CSS adalah dengan menuliskan nama atau. kode elemen yang akan diberikan style
- Menuliskan kurung kurawal pembuka " { " dan kurung kurawal penutup " } "
- Menuliskan property atau bagian dari elemen yang mana yang akan diatur diantara kedua kurung kurawal.
Membuat CSS internal
Menuliskan kode CSS langsung didalam template halaman.Ini adalah kalimat dengan warna biru dan berhuruf tebal.
Penulisan CSS dalam template:
<!DOCTYPE html>
<html>
<head>
<style>
/*-- letak css --*/
p {color: red; font-weight: bold;}
</style>
</head>
<body>
<!-- Elemen halaman -->
</body>
</html>Memuat CSS inline
CSS juga bisa dituliskan / digabungkan langsung didalam kode HTML menjadi satu kesatuan kode atau disebut inline, misal.
<span style='color:red; font-weight: bold'> Teks </span>