search

Pengikut

Jumat, Mei 02, 2014

3 Cara menulis CSS

3 Cara menulis CSS
Agar nantinya saya tidak lupa standar penulisan CSS maka saya tulis aja diblog ini. Standar penulisan CSS pada web/blog ada 3 cara yaitu:
  • Menuliskan langsung ke body HTML
  • Menuliskan secara inline ke per-baris kode HTML
  • Dan Menuliskan secara external
Berikut ini pembahasannya:

A. Penulisan langsung ke body HTML

Penulisan cara ini merupakan penulisan yang paling saya sukai karena meminimalkan request ke server untuk meminta file CSS. Berikut contoh penulisannya:
<html>
<head>
<title>Lagi belajar CSS nih</title>
<style type="text/css">body{background:#000000    }</style>
</head>
<body>
</body>
</html>
Dengan perintah diatas CSS (text warna biru) akan memberi warna hitam pada body browser.

B.Menuliskan secara inline ke per-baris kode HTML

Cara ini merupakan cara yang paling tidak efektif karena kita diharuskan menuliskan code CSS ke per kode HTML. Namun cara ini dapat dimanfaatkan jika dalam kondisi khusus. Berikut ini contoh penulisannya:
<html>
<body>
<head>
<title>Lagi belajar CSS nih</title>
</head>
<body>
<p style="color:blue;">Contoh Text</p>
</body>
</html>

C.Menuliskan secara external 

Dengan menuliskan secara external kita dapat di perbanyak dan dapat dipisah-pisahkan tergantung nama file CSSnya. Kelebihan cara ini adalah kita tidak harus berinteraksi dengan kode HTML melainkan langsung mengedit file CSS. Berikut ini contoh penulisannya:
<html>
<head>
<title>Lagi belajar CSS nih</title>
<link rel="stylesheet" type="text/css" href="alamat_file_CSS.css"/>
</head>
<body>
<p>Baru nyoba CSS</p>
</body>
</html>