Belajar HTML dan CSS part 3

CSS Fundamental

Selelah kalian paham HTML saya akan membahas lagi materi mengeai CSS,Sebelumnya pasti bertanya-tanya apa itu CSS .Saya jelaskan apa itu CSS

Apa itu CSS/Cascading Style Sheets:

• CSS singkatan dari Cascading Style Sheets yang sebenarnya pada awal aku menuliskan tutorial juga sudah sedikit menjelaskan tentang arti CSS.

• CSS kalau dihubungkan dengan HTML adalah struktur yang menentukan penampilan konten sebuah website.

• Kebaikan utama dari CSS adalah lebih markup dari segi HTML, CSS bisa mengontrol bagaimana sebuah blog/website ditampilkan misalnya gambar, ukuran/size, dll.

• Menghapus semua presentasional markup dari halaman web akan bisa mendukung penggunaan CSS, juga bisa mengurangi ukuran dan penggunaan bandwidth lebih dari 50% dalam banyak kasus yang terdokumentasi. 

• Dengan melalui bandwidth yang lebih rendah ini adalah keuntungan dari pemilik situs yang berpengaruh terhadap biaya penyimpanan, pengunjung situs, halaman web dengan loading/muatan menjadi lebih cepat.

• Penghematan keseluruhan bandwidth bisa terukur karena style sheet adalah cache bisa kita tentukan sendiri  dan dapat digunakan kembali untuk setiap halaman di situs, tidak harus didownload dengan setiap halaman web.

• Kita tidak perlu lagi membuat versi khusus dari setiap halaman untuk menampilkan website kita, tapi hanya perlu membuat style sheet tunggal untuk mengontrol bagaimana setiap halaman di situs tersebut akan dibentuk, dihias, di design.

Seperti inilah tampilan web yang udah diperindah dengan menggunakan CSS,Menjadi lebih menarik bukan? 

Terdapat dua cara menggunakan CSS" 

1. CSS Internal adalah pengguaan css didalam tubuh html dan tidak membuat file dengan format CSS
2. CSS External merupakan pengguaan CSS di luat halalam html.Artinya CSS penggunaan External CSS mengharuskan membuat file CSS.Dan juga perlu di hubungkan antara HTML dan CSS.Dimulai dengan membuat CSS nya dulu,buat file dengan format *css di sublime Jika sudah buka html yang telah kalian buat,Disini kita akan menghubungkan html dengan css.Setelah itu masukan code ini <link rel="stylesheet" type="text/css" href="asset/style/style.css"> .
   Perlu diingat bahwa href adalah tempat memasukan alamat file yang disimpan.Jadi jika anda kebinghungan kenapa css nya tak terhubung mungkin karena alamatnya yang salah,atau mungkin juga karena anda lupa tidak menggunakan eksistensi file nya *css.
   Sekarang kita akan belajar syntax atau aturan penulisan CSS.Di bawah ini adalah contoh css:

CSS memiliki dua bagian utama: pemilih ( Selector ) , dan satu atau lebih deklarasi ( Declaration ).

Selector adalah HTML element yang ingin dibuat style nya .
Terdapat dua selector pada css yaitu id dan class

• Selector id adalah selector yang hanya dimiliki oleh satu elemen pada sebuah halaman website 

•  Selector class merupakan selector merupakan selector yang biasa digunakan untuk elemen atau penamaan yang bisa digunakan oleh beberapa elemen

Declaration  merupakan isi dari property dan nilai dari CSS.

Berikut contoh penggunaan atau coding css: pada web

Begitu mengasyikan bukan css kalian bisa menghias halaman web seindah mungkin,sekehendak kalian.