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 tulisan ditengah dalam halaman web
    Ada banyak cara untuk menempatkan sebuah text atau objek pada posisi tengah dalam halaman website bisa dengan perintah HTML biasa atau dengan teknologi CSS yang digunakan untuk menyusun tata layout halaman web.
  • Referensi warna untuk HTML dan CSS
    Warna yang terlihat disebuah website/blog sangatlah bervariasi dan memiliki daya tarik tersendiri terhadap pengunjung, pingin tau lengkap referensi warna untuk HTML maupun CSS, silahkan baca panduan berikut.
  • Membuat form login dengan css
    Membuat form login dengan css tidaklah susah hanya perlu beberapa menit untuk menyusun kode cssnya karena isian form yang dibuat hanya username, password dan tombol loginya. Beda kalau kita membuat form dengan css untuk keperluan yang lengkap seperti form
  • Membuat efek gambar di blog dengan css
    CSS sangat felxibel bisa digunakan untuk banyak keperluan, berbagai media, semua platform dan semua sistem pengelola konten (wordpress, blogger, joomla dll). Penggunaanya juga sangat mudah sehingga kita bisa brekreasi dengan tulisan maupun gambar. Kali ini saya akan berbagi cara bagaimana menyisipkan efek gambar dengan css pada blogger.
  • Membuat menu dropdown dengan css
    Membuat dropdown menu dengan css. Banyak sekali variasi menu web/blog yang bisa dibuat dengan css, ada bentuk menu tulisan maupun gambar biasa, dan ada juga bentuk-bentuk menu dropdown/menu bercabang secara horizontal atau vertikal. Pembuatanya juga bervariasi, ada yang menggunakan javascript, ada juga menggunakan jquery, bahkan ada yang membuat menu dari flash. Pada tulisan ini anda akan mengetahui bagaimana cara membuat menu dropdown horizontal murni dibuat dengan css. Silahkan anda simak.

Kiriman terbaru