CSS (Cascanding Style Sheet)

·         Inline
Inline adalah CSS yang digunakan langsung pada elemen HTML, atau style yang berada di dalam ‘tag’ dari sebuah dokumen. Idealnya memang CSS itu berada terpisah (internal / ekternal) dengan HTML. Tapi terkadang pada kondisi tertentu kita membutuhkan style khusus, misal pada postingan.  ‘Inline Style‘ yang digunakan.

Contoh Kode pada CSS Inline :

<HTML>
<HEAD>
<TITLE>CSS Inline</TITLE>
</HEAD>
<BODY>
<h1><center>Zippo Samosir</center></h1>
<p style="color: brown;
          font-family:Times New Roman;
          font-size:15pt;
          text-align:center;
          background-color:green;>
"<br> Saya kuliah di unika <br>
Fakutas Ilmu Komputer<br>
Jurusan Tehnik Informatika<br>
 Stambuk 2012"
</p>
</BODY>
</HTML>

Hasil :
























·         Internal

Internal style sheet seharusnya digunakan ketika dokumen tunggal mempunyai style unik. Pendefinisian internal dalam bagian head dengan menggunakan tag style.

Contoh Kode pada CSS Internal :

<HTML>
<HEAD>
<TITLE>CSS</TITLE>
</HEAD>
<style type="text/css">
p{color: red;
  font-family:Times New Roman;
  background-color:yellow;}
</style>
<BODY>
<h1><center>Zippo Samosir</center></h1>
<p align=center> Saya kuliah di unika <br> Fakutas Ilmu Komputer<br> Jurusan Tehnik Informatika<br> Stambuk 2012 </p>
</BODY>
</HTML>


Hasil :


 



















Hasil :