Home > CSS > TUTORIAL CSS : Pengenalan Dasar CSS

TUTORIAL CSS : Pengenalan Dasar CSS

July 31st, 2012

Pengenalan Dasar CSS – Apa itu CSS? pasti banyak yang sudah tahu apa kepanjangan dari CSS. CSS atau Cascading Style Sheets, CSS tidak bisa berdiri sendiri, maksutnya saya CSS akan berfungsi jika digabung dengan HTML. Ibaratnya begini, HTML adalah kerangka web sedangkan CSS yang akan mengatur tata letak, warna, gaya sebuah web dan mendefinisikan elemen yang akan ditampilakan oleh HTML. OK! sampai disini saya anggap Anda paham dan sepaham dengan saya . Seperti judulnya, perjumpaan kita dia akhir minggu bulan ini, kita akan belajar tentanf Tutorial CSS : Pengenalan Dasar CSS.

Sebelum kita lanjutkan sharing tentang CSS, kita harus memiliki pemahaman dasar tentang HTML atau XHTML. Kenapa demikian ya itu tadi, seperti yang saya bilang diatas kalau CSS akan berkerja dengan HTML.

Contoh CSS


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pengenalan Dasar CSS</title>
<head>
<style type="text/css">
body
{
background-color:#FFFFFF;
}
h1
{
color:#494c4c;
text-align:center;
}
p
{
font-family:"Arial";
font-size:14px;
}
</style>
</head>
 

<body>

<h1>Title</h1>
<p>Isi kontent/posting</p>

</body>
</html>

Hasil dari CSS diatas bisa dilihat disini ( CSS dipublikasi secara offline)

 

Related Posts Plugin for WordPress, Blogger...

CSS , , ,


  1. No comments yet.
  1. No trackbacks yet.