Sabtu, 29 Desember 2012

Cara membuat dan menyisipkan CSS



Cara membuat dan menyisipkan CSS
Untuk menyisipkan CSS (Cascading Style Sheet) ada beberapa cara :
  1. Inline TAG Perintah css diselipkan diantara atribut perintah html. Cara ini tidak terlalu dianjurkan karena tidak optimal penggunaanya. Contoh :
2.  <p style="color:red;text-align:center;">TEXT</p>
Perintah diatas akan menghasilkan sebuah paragraf dengan tulisan warna merah dan posisi tengah.
  1. Internal CSS
    Cara ini sedikit lebih efektif karena css dideklarasikan pada blok terpisah dengan isi html. css dituliskan pada blok <head>...</head>
4.  <style type="text/css">
5.      p {
6.        color:red;
7.        text-align:center;
8.        }
9.  </style>
Kode diatas akan berpengaruh pada semua paragraf yang ada dalam halaman web kita, yaitu mengubah semua paragraf menjadi berwarna merah dan posisi tengah.
  1. External CSS
    Cara ini jauh lebih efektif karena dituliskan pada file terpisah misal temaku.css dan kemudian filenya dilampirkan pada blok <head>...</head>
    halaman web kita. cara melampirkanya :
<link href="temaku.css" rel="stylesheet" type="text/css" />

0 komentar:

Posting Komentar