CSS (selector)

CSS ??

Kepanjangan dari CSS adalah

Cascading Style Sheet, berfungsi untuk mendesain halaman web memakai kode kode. Penulisan CSS melalui 3 cara yaitu

1.Inline 

Menuliskan kode CSS langsung pada elemen di html.

Contoh


Sumber: https://www.joonpak.com/images/instructions/inline-css.png

2.Internal

Menuliskan kode CSS pada bagian head atau kepala html.

Contoh
3.External

External CSS adalah file terpisah yang dapat diakses dengan membuat tautan di dalam bagian head atau kepala halaman web.

Contoh
Sumber:

TYPE SELECTOR

1.Element selector
2.Deklarasi (ptopety & value)



ID SELECTOR
Element selector terbagi menjadi 2 jenis yaitu id & class
Id juga sebagai kode unik masing masing, yang artinya di gunakan harus unik dan tidak boleh sama.
ID SELECTOR ditulis di kode CSS dgn tanda #

CLASS SELECTOR

Bisa dimiliki lebih dari satu tag. Penulisan class selector pada css di awali dengan tanda "." atau yang disebut dengan (dot)


CHILD SELECTOR

Child selector adalah selector di dalam CSS yang penggunannya di dasarkan pada struktur urutan tag html. Karna tag tag html dapat berisi tag lain, maka struktur html dapat di ibaratkan  dengan pohon keluarga.

<!DOCTYPE HTML!>
<html>
<head>
  <title>JUDUL</title>
  <style>
     p>strong {color:ligtblue;}
</head>
<body>
  <p>
    <strong>
         <a href="#">link</a>
         </strong>
   </p>
</body>
</html>

DESCENDANT SELECTOR

Descendant selector sama juga seperti Child Selector, penulisannya arus berurutan sesuai tingkatannya. Tetapi descendant ini berlaku untuk semua  keturunan seperti ibu,anak,cucu

<!DOCTYPE HTML!>
<html>
<head>
  <title>JUDUL</title>
  <style>
     p strong a {color:ligtblue;}
</head>
<body>
  <p>
    <strong>
         <a href="#">link</a>
         </strong>
   </p>
</body>
</html>











Komentar

Posting Komentar