- 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
<html>Dengan perintah diatas CSS (text warna biru) akan memberi warna hitam pada body browser.
<head>
<title>Lagi belajar CSS nih</title>
<style type="text/css">body{background:#000000 }</style>
</head>
<body>
</body>
</html>
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>