Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

Learning CSS with some basic parts, Study notes of Learning processes

An introduction to CSS selectors, which are used to style HTML elements. It explains the three main components of a website - HTML, CSS, and JavaScript - and how they work together. The document also covers the different types of CSS selectors, including simple selectors, combinator selectors, pseudo-class selectors, pseudo-elements selectors, and attribute selectors. It explains how to use each type of selector to target specific HTML elements, such as elements with a certain class or ID. examples and syntax explanations for each type of selector.

Typology: Study notes

2021/2022

Available from 04/01/2023

muhammad-rizky-ikhsan-pratama
muhammad-rizky-ikhsan-pratama 🇮🇩

1 document

1 / 4

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
script css mulai dari <style> hingga </style>
3 unsur pembentuk website :
- javascript memberikan alur logic atau perilaku atau suatu responsive
- css membentuk tampilan atau skin
- html membentuk kerangka
semua isi file disimpan dalam extensi .css
semantic -> mempelajari arti kata
syntax -> tata kata
baca buku "be art the programming"
css terdiri dari :
- selector
- deklarasi -> properti dan value misal color(properti) : blue(value)
Menurut (CSS Selectors, n.d.), selektor CSS digunakan untuk "menemukan" (atau
memilih) elemen HTML yang ingin Anda gaya.
Kita dapat membagi pemilih CSS menjadi lima kategori:
Selektor sederhana/Simple selectors (pilih elemen berdasarkan nama, id, kelas)
Selektor kombinator/Combinator selectors (memilih elemen berdasarkan hubungan
spesifik di antara mereka)
Selektor kelas semu/Pseudo-class selectors (memilih elemen berdasarkan status
tertentu)
Selektor elemen semu/Pseudo-elements selectors (memilih dan menata bagian elemen)
Pemilih atribut/Attribute selectors (memilih elemen berdasarkan atribut atau nilai
atribut)
Id dari sebuah elemen adalah unik di dalam sebuah halaman, jadi pemilih id digunakan
untuk memilih satu elemen unik!
pf3
pf4

Partial preview of the text

Download Learning CSS with some basic parts and more Study notes Learning processes in PDF only on Docsity!

script css mulai dari 3 unsur pembentuk website :

  • javascript memberikan alur logic atau perilaku atau suatu responsive
  • css membentuk tampilan atau skin
  • html membentuk kerangka semua isi file disimpan dalam extensi .css semantic -> mempelajari arti kata syntax -> tata kata baca buku "be art the programming" css terdiri dari :
  • selector
  • deklarasi -> properti dan value misal color(properti) : blue(value) Menurut (CSS Selectors, n.d.), selektor CSS digunakan untuk "menemukan" (atau memilih) elemen HTML yang ingin Anda gaya. Kita dapat membagi pemilih CSS menjadi lima kategori: Selektor sederhana/Simple selectors (pilih elemen berdasarkan nama, id, kelas) Selektor kombinator/Combinator selectors (memilih elemen berdasarkan hubungan spesifik di antara mereka) Selektor kelas semu/Pseudo-class selectors (memilih elemen berdasarkan status tertentu) Selektor elemen semu/Pseudo-elements selectors (memilih dan menata bagian elemen) Pemilih atribut/Attribute selectors (memilih elemen berdasarkan atribut atau nilai atribut) Id dari sebuah elemen adalah unik di dalam sebuah halaman, jadi pemilih id digunakan untuk memilih satu elemen unik!

Untuk memilih elemen dengan id tertentu, tulis karakter hash (#), diikuti dengan id elemen. Note : Nama id tidak boleh diawali dengan angka! Macam – macam selector :

  1. The CSS element Selector
  2. The CSS id Selector
  3. The CSS class Selector
  4. The CSS Universal Selector
  5. The CSS Grouping Selector

HTML Block and Inline Elements