Jin Toples Programming

Cara Penulisan CSS

Cara Penulisan CSS - Sebelumya kita telah mengenal apa itu CSS dan kemudahan yang dibuatnya untuk memperindah website. Sekarang kita akan belajar cara penulisan CSS pada sebuah HTML. Penulisan CSS pada HTML ada 3 cara yaitu

Internal sytle sheet, External sytle sheet, dan Inline sytle sheet .

Baca juga : Mengatur Warna Pada CSS

1. Internal Sytle Sheet

Internal sytle sheet yaitu menulisakan CSS dengan cara menuliskannya langsung ke dalam file HTML yang di tuju. Internal style sheet digunakan pada dokumen tunggal yang unik kita dapat mendefinisikannya pada <head>

<html>
<head>
<title>Belajar CSS</title>

<style type=”text/css”>

p {color: white;
}
body {background-color: black;
}

</style>

</head>
<body>
<p>
Selamat Datang CSS</p>
</body>
</html>

2. Eksternal Style Sheet

External Style Sheet yaitu dengan cara memanggil sebuah file CSS yang telah di buat sebelumnya dari lokasi file tersebut, dengan kata lain Script CSS akan terpisah dari HTML. Sebuah file CSS yang di panggil harus berekstensi .CSS file CSS tersebut idealnya tidak perlu berisi tag HTML. External Style Sheet ideal untuk digunakan pada banyak halaman. Setiap halaman harus terhubung ke CSS dengan menggunakan tag <link> dan diletakan dalam bagian <head> pada HTML. Sebagai contoh lihat script di bawah.

<html>
<head>

<title>Belajar CSS</title>

<link rel=”stylesheet” type=”text/css” href=”file_css_ku.css”/>

</head>
<body>
<h3>
 Selamat Datang CSS </h3>
</body>
</html>

3. Inline Style Sheet

Sedangkan Inline style adalah denga cara menuliskan CSS pada tag HTML. Kita dapat menggunakan atribut style yang dalam tag yang relevan. Atribut style dapat berisi property CSS. Sebagai contoh lihat script di bawah.

<html>
<head>
<title>Belajar CSS</title>
</head>
<p style=”background: blue; color: white;”>
Style Menggunakan
CSS</p>
</body>
</html>

Mudah bukan kita dapat mendeklarasikannya denga berbagai cara sesuka hati kita. Ayo sekarang di coba satu persatu teknik diatas!. Anda dapat memodifikasinya sesuai dengan kreatifitas anda masing - masing.

Tutorial Cara Penulisan CSS anda sekarang sudah selesai, Baca juga tutorial CSS lainnya.