Tutorial dasar CSS #01 Pengenalan CSS untuk pemula

image from : pixabay

 

Garungnesia - Jika kamu sudah selesai belajar HTML maka bahasa yang harus di pelajari selanjutnya adalah CSS

Karena Peran CSS dalam web itu lumayan penting karena setiap website pasti di dalamnya ada CSS, baiklah ayo kita belajar bareng tentang CSS lest goo.

Apasih CSS itu ?

CSS adalah singkatan dari Cascading Style Sheet. Ini adalah cara untuk membagi konten dari tata letak pada halaman web.

Cara kerjanya:

Gaya adalah definisi font, warna, dll.

Setiap gaya memiliki nama unik: pemilih.

Penyeleksi dan gayanya ditentukan di satu tempat.

Dalam konten HTML Anda cukup merujuk ke pemilih kapan pun Anda ingin mengaktifkan gaya tertentu.

Misalnya:

Bagaimana menentukan font dan warna setiap kali Anda memulai sel tabel baru, Anda bisa menentukan gaya dan kemudian, cukup rujuk gaya tersebut di sel tabel Anda.

Bandingkan contoh tabel sederhana berikut:

HTML Klasik

<table>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>ini baris 1</b>< /font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>ini adalah baris 2</b></font></td></tr>
<tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color= "red"><b>ini baris 3</b></font></td></tr>
</table>

Dengan CSS (dengan asumsi bahwa pemilih yang disebut subteks ditentukan)

<table>
<tr><td class="subtext">ini baris 1</td></tr>
<tr><td class="subtext">ini baris 2</td></tr>
<tr><td class="subtext">ini baris 3</td></tr>
</tabel>

Meskipun CSS memungkinkan Anda memisahkan tata letak dari konten, CSS juga memungkinkan Anda menentukan tata letak jauh lebih canggih dibandingkan dengan HTML klasik.

Info lebih lanjut

Tahu lebih banyak tentang css?

• www.w3c.org
• cssvault.com

Subscribe to receive free email updates: