Mengenal CSS Lebih Jauh

Cascading Style Sheets (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Biasanya CSS digunakan untuk mendesain halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL bahkan ANDROID. CSS dibuat untuk memisahkan konten utama dengan tampilan dokumen yang meliputi layout, warna, dan font.

Format Penulisan CSS

body {

     background-color: #000;

     }

Bagian pertama sebelum tanda "{}" dinamakan sebagai selector sedangkan yang berada didalam "{}" dinamakan sebagai declaration yang terdiri dari dua unsur, yaitu propery dan value. Selector dalam pernyataan diatas adalah body, sedangkan background-color adalah property, dan #000 adalah value.

Inline CSS

<html>
<head>
<title>T1kus90tBlog Mengenal CSS Lebih Jauh</title>
</head>
<p style="color:red">Never Stop Learning</p>
</html>

Memasukan skrip CSS secara langsung kepada tag HTML.

Internal CSS

<html>
<head>
<title>T1kus90tBlog Mengenal CSS Lebih Jauh</title>
<style>
p {
  color: red;
}
</style>
</head>
<p>Never Stop Learning</p>
</html>

Memasukan skrip CSS secara langsung ke halaman website yang akan didesain. Jika ingin membuat halaman yang lain dengan model yang sama, maka skrip CSS itu harus dimasukan lagi ke dalam halaman website yang lain itu.

Eksternal CSS

<html>
<head>
<title>T1kus90tBlog Mengenal CSS Lebih Jauh</title>
<link href="file.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<p>Never Stop Learning</p>
</html>

Skrip CSS dipisahkan dan diletakan dalam berkas khusus. Untuk memanggilnya cukup gunakan semacam tautan yang menuju berkas CSS tersebut, jika halaman web yang didesain akan dibuat seperti model yang ada didalam berkas CSS tersebut.

Pages

Mengenal CSS Lebih Jauh

Format Penulisan CSS

Inline CSS

Internal CSS

Eksternal CSS

Belum ada tanggapan untuk "Mengenal CSS Lebih Jauh"

Post a Comment

Mengenal CSS Lebih Jauh

Format Penulisan CSS

Inline CSS

Internal CSS

Eksternal CSS

Postingan terkait:

Belum ada tanggapan untuk "Mengenal CSS Lebih Jauh"

Post a Comment