CSS (Selector)
CSS atau Cascading StyleSheet merupakan kode-kode yang berfungsi untuk mempercantik atau mendesain halaman web. Dalam penulisan css, bisa melalui 3 cara.
1. Inline
Cara Inline yaitu menuliskan kode css langsung pada elemennya di html.
Contoh:
2. Internal
Penulisan dengan cara internal yaitu menuliskan kode-kode css pada bagian head atau kepala html.
Contoh:
3. External
Penulisan dengan cara ini merupakan cara yang paling sempurna di antara cara atau metode lainnya. Cara penulisan tersebut adalah menarik file lain yang menggunakan extention .css di bagian head atau kepala menggunakan elemen link rel.
Contoh:
sumber: https://i.imgur.com/3l0VfKY.png
TYPE SELECTOR
type selector terdiri dari:
1. Element selector.
2. Deklarasi yang terdiri dari property dan value/nilai.
ID SELECTOR
Dalam penulisan element selector terbagi menjadi dua jenis, yaitu id dan class. ID juga berperan sebagai kode unik masing-masing tag yang berarti id yang digunakan harus unik atau tidak boleh sama.ID Selector ditulis di kode css dengan tanda hastagh "#".
CLASS SELECTOR
Class selector bisa dimiliki lebih dari satu tag dan dalam sebuah tag dapat memiliki lebih dari 1 class. Penulisan class selector pada css diawali dengan tanda "." (dot).
CHILD SELECTOR
child selector merupakan selector keturunan dimana penulisannya harus berurutan sesuai tingkatannya. Child selector tidak berlaku untuk keturunan kedua dan seterusnya.
<!DOCTYPE HTML>
<html>
<head>
<title> judul </title>
<style>
p>strong {color:red;}
</head>
<body>
<p>
<strong>
<a href="#"> link </a>
</strong>
</p>
</body>
</html>
DESCENDANT SELECTOR
Descendant juga sama seperti child selector,penulisannya harus berurutan sesuai tingkatannya. Tetapi descendant ini berlaku untuk semua keturunan seperti ibu, anak, cucu, dll.
<!DOCTYPE HTML>
<html>
<head>
<title> judul </title>
<style>
p strong a {color:red;}
</head>
<body>
<p>
<strong>
<a href="#"> link </a>
</strong>
</p>
</body>
</html>
Komentar
Posting Komentar