Monday, October 16, 2017

Struktur Utama Css

Tags

Css dapat diterapkan atau diimplementasikan kedalam Html dengan sangat flexible mudah dan memiliki kualitas hasil design yang sangat menawan. ada beberapa aturan penting yang harus dikuasai dan dipelajari sebelum menerapkan Css kedalam Tag Html agar menghindari risiko tampilan web menjadi berantakan

Pertama kita akan mempelajari struktur dasar dari Css yaitu:
  1. Selector
  2. Property
  3. Value
Berikut struktur ketiganya didalam Css:


Jika ingin mengubah tampilan Tag Html "h1" yang lebih menarik maka kita dapat menambah {Property ;value:} yang beragam sesuai yang kita inginkan, contohnya lihat pada gambar dibawah:

Css selector h1 dengan tampilan huruf "Courier New" posisi teks "rata tengah" ukuran huruf "30px" dan warna huruf "biru"
Penjelasan lebih detail tentang
  1. Selector
  2. Property
  3. Value

Selector

Adalah type selctor atau pemilihan tag html, Id atau class untuk design html dalam bentuk display yang diinginkan
Keguanaan Selector
  • Digunakan untuk memilih dan memanipulasi element spesifik pada Tag Html
  • Elemen Html dipilh berdasarkan tag, id, class bahkan pola atau pattren
  • Semakin komplek struktur Html, selector juga bisa semakin kompleks atau spesifik.

Poperty dan Value

Adalah nilai yang digunakan dalam mendesign suatu tag html berdasarkan selector

Kegunaan Poperty dan Value
  • Deklarasi desian "tampilan" dari Selector 
  • Memberi nilai selector sesuai yang diingkan dalam tampilan web tanpa mengubah Tag Html
  • Mengubah ukuran , warna , huruf , dan posisi suatu tag Html
Selanjutnya kita akan ulas dan pelajari beberapa cara menempatkan CSS didalam Tag Html
  • Dua Cara Menempatkan Css dalam satu Folder HTML ( embed dan inline )
  • Cara Menemapatkan Css didalam Folder yang berbeda ( external )



EmoticonEmoticon