KONSEP CSS

by tukangsapumasjid on Apr.01, 2009, under Css

Apa itu CSS :
1.Feature untuk membuat dynamic HTML

2.Style sheet mendeskripsikan bagaimana tampilan document HTML di layar (template)

3.Membuat special efek (mendefinisikan style untuk <H1> dengan style bold dan italic dan
berwarna biru)

4.Support ke semua browser

Cara Penggunaan Css

dimana :
<link, merupakan tag pembuka diakhiri dengan tanda “>”
rel=“stylesheet”, menerangkan halaman ini akan dikenai efek style sheet
type=“text/css”, file yang dipanggil berupa css
href=“css_files.css”, alamat dokumen stylesheet yang dipanggil

Contoh Penggunaan :

External Style Sheet
style.css
body {
color:#096BF2;
background: #ffffff;
font-family : arial;
}

<HTML>
<HEAD>
<TITLE>centranet</TITLE>
<LINK REL=”stylesheet” TYPE=”text/css” HREF=”style.css”>
</HEAD>
<BODY>
<H1>BELAJARBARENG</H1>
<P> hanya ingin sekedar belajar lebih
</BODY>

Internal Style Sheet
Bentuk umum :
<style type=“text/css”>
…definisi style…
</style>
Contoh Penggunaan:

<HTML>
<HEAD>
<STYLE type=”text/css”>
body {
color:#0033CC;
background:#ff0000;
font-family : arial;
}
</STYLE>
</HEAD>
<BODY>
<H1>BELAJARBARENG</H1>
<P>hanya ingin sekedar belajar lebih</p>
</BODY>
</HTML>

Inline Style sheet
Contoh Penggunaan :

<HTML>
<HEAD>
</HEAD>
<BODY style=”color:#ffffff; background-color:#0099FF; font-family : arial;”>
<H1>BELAJAR BARENG</H1>
<p>hanya ingin sekedar belajar lebih</p>
</BODY>
</HTML>