Cara membuat dan menyisipkan CSS dalam halaman web

Untuk menyisipkan CSS (Cascading Style Sheet) dalam halaman web/HTML ada beberapa cara :

  1. Inline TAG Perintah css diselipkan diantara atribut perintah html. Cara ini tidak terlalu dianjurkan karena tidak optimal penggunaanya. Contoh :
    <p style="color:red;text-align:center;">TEXT</p>
    
    Perintah diatas akan menghasilkan sebuah paragraf dengan tulisan warna merah dan posisi tengah.
  2. Internal CSS
    Cara ini sedikit lebih efektif karena css dideklarasikan pada blok terpisah dengan isi html. css dituliskan pada blok <head>...</head>
    <style type="text/css">
        p {
          color:red;
          text-align:center;
          }
    </style>
    
    Kode diatas akan berpengaruh pada semua paragraf yang ada dalam halaman web kita, yaitu mengubah semua paragraf menjadi berwarna merah dan posisi tengah.
  3. 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" />

 

Semoga bermanfaat
Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Artikel Lainnya

  • Membuat Background motif unik dengan CSS3
    Barusan habis jalan-jalan ke situs seberang, ketemu tutorial membuat motif gambar background yang sangat unik dibuat cuma dengan css3. Memang luar biasa tak pernah terbayangkan kalau hasilnya bisa mirip dengan sebuah gambar yang dibuat dengan aplikasi seperti photoshop.
  • Membuat halaman web dengan latar background bintang dengan css
    Website atau halaman web biasanya dibuat semenarik mungkin, bisa dengan menggunakan gambar, tulisan, animasi ataupun dengan hiasan objek lainnya. Berikut ini saya akan berbagi tentang bagaimana membuat halaman web dengan latar atau background bintang dengan perintah CSS
  • Mengatur paragraf dengan css
    Paragraf secara mendasar diartikan sebagai kumpulan kalimat yang memiliki ide atau pokok bahasan yang sama. Dalam penulisannya paragraf biasanya terdiri dari susunan kata-kata yang terhubung secara logis untuk menjelaskan suatu topik atau ide. Kali ini saya tidak membahas bagaimana membuat paragraf atau cara menulis paragraf, tapi saya akan membahas bagaimana menyusun tampilan sebuah paragraf html dengan css.
  • Membuat bingkai gambar dengan css
    Kemampuan css dalam memperindah tampilan sudah tidak diragukan lagi, apalagi dengan hadirnya css3 sebagai pengembangan dari versi sebelumnya memang menambah kemampuan serta fleksibilitasnya dalam urusan pengaturan tampilan halaman web. Kali ini saya akan sedikit berbagi tentang bagaimana membuat bingkai gambar dengan css.
  • Apa css sprite dan bagaimana membuatnya
    CSS sprite adalah sebuah teknik menampilkan gambar di halaman web atau blog dengan cara mengkombinasikan beberapa gambar dalam satu file dan kemudian memanggilnya melalui css dengan cara menuliskan posisi titik x dan titik y

Kiriman terbaru