Mulai Belajar CSS Syntax

Selasa, 17 Desember 2013

Mulai Belajar CSS Syntax

Kemarin saya posting tentang Pengertian apa itu CSS beserta sejarah CSS yang bisa disimak disini --> , sekarang sedikit tulisan tentang mulai menggunakan CSS, perli diketahui bahwa CSS tidak masuk dalam kategori "Bahasa Pemograman" melainkan untuk pengatur dan pengendalikan tampilan sebuah element saja yang beda dengan PHP dan sejenisnya.

Secara dasar CSS dibagi menjadi 3 bagian yaitu :

Selector : Ini merupkan sebuah elemen pada HTML yang akan kita kendalikan atau yang akan diatur tampilan / style-nya.

Property : Property ini merupakan jenis atau atribut untuk menentukan tingkah laku element.

Value : Value merupakan isi daripada Property, dan setiap Property harus memiliki Value.

Contoh dasar CSS :

H1 {font-size:18px; text-align:center;color:red;}

CSS dapat diawali dengan : H1, table, body,dll

dilanjutkan dengan kurawal pembuka {

Lalu deklarasi: property:value

Titik koma ;

terakhir yaitu kurawal penutup }

Contoh percobaan :

<html>

<head>

<style>

h1 {

font:size:18px;

color:red;

text-align:center;

}

</style>

</head>

<body>

<h1>Contoh CSS teks di Tengah Warna Merah</h1>

</body>

</html>

- Untuk melihat hasilnya salin kode diatas pada Notepad

- Lalu Save as

- Beri saja nama cssdasar.html

- Save as type : All files

- dan Save

Sekarang bukalah di browser chrome, firefox atau opera dan lihat hasilnya,

Berikutnya akan saya tulis mengenai Penggunaan id/class

Berbagi Cerita

Selasa, 17 Desember 2013

Mulai Belajar CSS Syntax

Tidak ada komentar:

Posting Komentar