Kali ini saya ingin membahas sedikit tentang CSS. Apa anda sudah tahu tentang CSS?? jika belum maka bacalah posting ini untuk menambah pengetahuan anda tentang CSS…
Oke…!!!
Cascading Style Sheet atau yang disingkat CSS digunakan untuk mendesain (style) tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Atau banyak orang yang mengatakan bahwa CSS merupakan kumpulan format yang digunakan untuk mengatur tampilan atau isi dari sebuah halaman web menjadi lebih fleksibel.
Beberapa Jenis Elemen Dasar CSS :
1. Selector adalah tag/elemen normal pada HTML
2. Declarations adalah satu atau beberapa perintah/nilai dari css yang menunjukkan type /bentuk yang diaplikasikan pada selector yang terdiri dari :
a. Properti (property)
b. Nilai Properti (value)
c.selector (property: value)
Syarat dan penulisan dalam CSS hampir sama atau tidak jauh beda dengan html, coba lihat . .
1.Inline CSS Style
Inline styles merupakan style yang bisa kita sisipkan pada element web tertentu saja dalam 1 dokumen.
contohnya :
“Menampilkan warna teks menjadi biru dan mengatur margin kiri paragraph menjadi 25”
<p style=”color: blue; margin-left: 25px”> Paragraph ini berwarna biru </p>
2.Internal CSS Style
CSS Style yang dituliskan/disisipkan langsung pada header dokumen HTML (CSS Style yang penulisannya digabung dengan dokumen HTML dan diletakkan pada header).
contohnya :
“Membuat background browser menjadi gambar sunset” (gambar sunset.jpg terletak di drive C: )
<style type=”text/css”>
body {background-image: url(“C:Sunset.jpg”)}
</style>
3.External CSS Style
CSS Style yang disimpan terpisah dengan dokumen HTML.
Contohnya:
“Membuat background browser menjadi gambar sunset (gambar sunset.jpg terletak di drive C: ) dan css file ada di drive C”:
EXTERNAL.CSS (nama file CSS)
/* CSS Document */
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(“c:Sunset.jpg”)}
EXTERNAL.HTML (File HTML yang memanggil file CSS)
EXTERNAL.HTML (nama file HTML)
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”c:/css_lib.css”>
</head>
<body>
……
……
</body>
</html>
Setelah saya mengulas sedikit tentang CSS apakah anda tertarik untuk lebih mahir lagi dalam program CSS?? semoga saja ulasan saya di atas dapat membuat anda tertarik untuk belajar lebih banyak lagi tentang CSS. Amien….



