Mari belajar CSS

Apa itu CSS?

CSS atau Cascading Style Sheet merupakan sekumpulan kode style html, yang digunakan untuk mengatur dan merepresentasikan sebuah tampilan halaman website.

Contoh sederhana

body{
font-family: ‘Tahoma’;
font-size:18px;
}

Script diatas adalah CSS yang kita gunakan untuk membuat body html, body merupakan class, di dalam class body terdapat property yaitu font-family dan font-size. Property dari class body juga memiliki nilai yaitu Tahoma (nama atau jenis dari font) dan 18px (ukuran dari font dalam pixel).

Mari kita praktekan dengan menuliskan kode diatas kedalam text editor.

Pertama buat file style.css dan copykan potongan script css diatas

1.JPG

Setelah itu buat file html dengan nama belajar_css.html dan tulis seperti ini.

2

Selanjutnya akses file belajar_css.html pada localhost.

3.JPG

Apabila kita tidak yakin dengan CSS yang kita buat maka kita dapat mengeceknya langsung dengan menginspek elemen halaman website kita.

4

Bagaimana? Simple dan mudah bukan?

Perlu kita ketahui bahwa CSS itu menggunakan konsep OOP, dimana class yang ada dapat diturunkan serta dapat ditulis kembali dengan properti dan nilai yang berbeda. Semoga artikel ini dapat membantu dalam pemahaman dasar CSS. Selamat mencoba dan semoga sukses! 😀

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s