Jumat, 12 Februari 2016

CSS How to..

  /     /   Tidak ada komentar   
Ada tiga cara untuk menyisipkan CSS:
  • Eksternal Style sheet
  • Internal Style sheet
  • Inline styles



Eksternal style sheet

Dengan eksternal style sheet anda dapat mengubah tampilan seluruh situs web dengan hanya mengubah satu file.
Setiap halaman harus menyertakan referensi ke dalam <link> elemen, yang mana <link> berjalan dalam <head>.

Contoh:

Contoh kode

Hasil 
Note: Jangan menambahkan spasi antara property value dan unit (seperti: margin - left : 20 px;). Cara yang benar adalah margin-left:20px;


Internal style sheet

Internal style sheet dapat digunakan jika satu halaman tunggal memiliki gaya unik. Gaya internal didefinisikan dalam elemen <style>

Contoh:

Contoh kode

Hasil


 Inline styles

Inline styles dapat digunakan untuk menerapkan gaya unik untuk elemen tunggal.
Contoh di bawah ini menunjukkan bagaimana untuk mengubah warna dan margin kiri dari <h1> elemen:

Contoh kode

Hasil

0 komentar:

Posting Komentar