tutorial pengembangan web terbaru
 

CSS pengantar


Apa itu CSS?

  • CSS singkatan dari Cascading Style Sheets
  • CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau di media lain
  • CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus
  • Stylesheet eksternal disimpan dalamfile CSS

CSS Demo - Satu HTML Halaman - Beberapa Styles!

Di sini kita akan menampilkan satu halaman HTML ditampilkan dengan empat stylesheet yang berbeda. Klik pada "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" tautan di bawah untuk melihat gaya yang berbeda:


Mengapa Gunakan CSS?

CSS digunakan untuk menentukan gaya untuk halaman web Anda, termasuk desain, tata letak dan variasi tampilan untuk perangkat yang berbeda dan ukuran layar.


CSS Soal Big Masalah

HTML tidak pernah dimaksudkan untuk berisi tag untuk memformat halaman web!

HTML diciptakan untuk menggambarkan isi dari halaman web, seperti:

<h1> Ini adalah heading </h1>

<p> Ini adalah sebuah paragraf. </p>

Ketika tag seperti <font> , dan atribut warna ditambahkan ke spesifikasi HTML 3.2, mulai mimpi buruk bagi pengembang web. Pengembangan website besar, di mana font dan warna informasi yang ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal.

Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) dibuat CSS.

CSS dihapus gaya format dari halaman HTML!


CSS Menyimpan Banyak Kerja!

Definisi gaya biasanya disimpan di eksternal .css file.

Dengan file stylesheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah hanya satu file!