3 Cara Penulisan CSS


Melanjutkan pembahasan sebelumnya yaitu tentang Mengenal CSS Dasar, kali ini saya akan membahas tentang 3(Tiga) Cara Penulisan CSS. Berikut pembahasannya :

1. External Style Sheet

Idealnya adalah style yang diterapkan untuk banyak halaman, dengan External Style Sheet Anda dapat mengubah seluruh tampilah situs Web Anda dengan cara mengubah satu file. Seperti pada setiap halaman harus di link-an ke Style Sheet menggunakan Tag <link>.
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>
Dengan External Style Sheet Anda dapat ditulis dalam Style teks apapun, dan Anda harus menyimpanya ke extensi css.

2. Internal Style Sheet

Bisa dikatakan sebagai style yang diterapkan didalam dokument Html. Penulisan Internal Style Sheet dapat Anda lihat seperti script dibawah ini :
<head>
<style type=”text/css”>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url(“images/back40.gif”);}
</style>
</head>

3. Inline Style

Inline Style adalah suatu style yang digunakan didalam TAG Html itu sendiri. Contoh scriptnya seperti dibawah ini :
<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>

4. Multiple Style Sheet

Multiple Style Sheet adalah suatu style yang penerapannya dilakukan dengan beberapa propertie. Contoh scriptnya dibawah ini :
h3
{
color:red;
text-align:left;
font-size:8pt;
}
Contoh style sheet internal lainnya :
h3
{
text-align:right;
font-size:20pt;
}
3 Cara Penulisan CSS 3 Cara Penulisan CSS Reviewed by Ardy S on May 27, 2015 Rating: 5

No comments:

Powered by Blogger.