it’s mY bLOg

DASAR-DASAR CSS

Posted on: Desember 27, 2009

CSS (Casading Style Sheets) adalah suatu bahasa scripting yang digunakan untuk mendesain tampilan dan format dari sebuah dokumen yang ditulis dalam markup language. Aplikasi ini umumnya untuk halaman web yang ditulis di HTML dan XHTML. Tampilan-tampilan yang dapat didesain dalam aplikasi ini, di antaranya yaitu layout, warna, jenis huruf, ukuran huruf, background, dll. CSS dapat juga mengijinkan halaman markup yang sama untuk ditampilkan di desain yang berbeda untuk cara salinan yang berbeda pula, seperti pada layar, print, suara, dll. CSS juga dapat diakses oleh bahasa pemrogaman, misalkan java script, PHP, dll.

Penempatan CSS pada dokumen HTML ada 3 cara, yaitu :
1. Eksternal Style Sheet (file CSS berbeda dari file HTML), artinya file ditulis dalam file tersendiri dengan akhiran .CSS yang kemudian file ini disisipkan dalam tag.
2. Internal Style Sheet (kode CSS disisipkan di dalam tag head HTML)
3. Inline Style Sheet (kode CSS langsung dipasang di tag HTML yang bersangkutan)

1. Eksternal CSS

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>
</body>
</html>

2. Internal CSS

<html>
<head>
<style type = “text/css”>
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>
</body>
</html>

3. Inline CSS

<html>
<head>
</head>
<div style=”background-color:#999999; text-align:center;”>Inline CSS</div>
</body>
</html>

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Blog Stats

  • 3,615 hits
Desember 2009
S S R K J S M
« Nov    
 123456
78910111213
14151617181920
21222324252627
28293031  

Link Exchange


<a href="https://nis8.wordpress.com"><img src="https://nis8.files.wordpress.com/2009/08/nu2ng-ciklet.jpg?w=78"></a>

LINKnya temen2

%d blogger menyukai ini: