Arti dari tanda-tanda dalam CSS

Hello readers! Ga pake basa basi lah langsung aja ke tutorialnya! (Hehe). Sekarang saya akan menjelaskan tanda-tanda dalam CSS!

Kepanjangan dan arti singkat CSS

CSS mempunyai kepanjangan yaitu Cascading Style Sheet yang memiliki arti singkat elemen yang mengatur dari style setiap tag. Bingung? langsung aja ke contoh:

table {width : 300px;}

Artinya SEMUA elemen yang memiliki tag <table> akan memiliki lebar 300 pixel.

Ada 2 tanda dalam CSS antara lain :

1. Titik

Titik (.) Mewakili selector Class dalam tag <div>. Jadi setiap ada <div class="nama class"> akan memiliki style yang sama seperti yang diatur dalam CSS. Selector class bisa digunakan berkali-kali. Contohnya :

.alakazam{ background-color : blue}

Maka setiap ada tag <div class="alakazam"> akan memiliki background berwarna merah

2. Tagar/Hestek/Cross

Tagar (#) mewakili selector id dalam tag <div>. Jadi setiap ada <div id="nama id"> akan memiliki style yang sama seperti yang diatur dalam CSS. Selector id hanya digunakan 1 kali pada setiap website. Contohnya :

#alakazam {background-color : red}

Maka setiap ada tag <div id="alakazam"> akan memiliki background berwarna merah

Oh ya dalam CSS setiap style yang diatur harus diakhiri titik-koma(;) dan saat CSS mulai harus diawali Kurung Kurawal ({) dan diakhiri (}}. Dan tanda CSS di atas berlaku bagi semua tag dan tidak hanya tag div.

Sekian tutorial CSS dari saya. Semoga bermanfaat

Tweet