Ringkasan CSS

Apa itu CSS?

  • CSS telah berarti Cascading Style Sheets* (Cascading Style Sheets)
  • CSS mendeskripsikanBagaimana menampilkan elemen HTML di layar, kertas, atau media lain?
  • CSS menyimpan banyak kerja。Dapat mengendalikan layout beberapa halaman web sekaligus
  • Tabel luaran gaya disimpan di File CSS中

*：Juga disebut Cascading Style Sheets.

Demosi CSS - Halaman HTML - Beberapa Gaya!

Di bawah ini adalah halaman HTML yang menyediakan empat gaya yang berbeda. Klik tautan gaya di bawah ini untuk melihat gaya yang berbeda:

Mengapa menggunakan CSS?

CSS digunakan untuk mendefinisikan gaya halaman web, termasuk desain dan tata letak untuk berbagai perangkat dan ukuran layar.

Contoh CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Coba sendiri!

CSS memecahkan masalah besar!

HTML tidak pernah diatur untuk mengandung tag pengformatan halaman!

Tujuan untuk membuat HTML adalahDeskripsikan halamancontohnya:

<h1>Ini adalah judul.</h1>
<p>Ini adalah paragraf.</p>

Menambahkan tag seperti <font> dan atribut color ke spesifikasi HTML 3.2, mimpi buruk para pengembang web dimulai. Pengembangan situs besar menambahkan informasi font dan warna ke setiap halaman, yang berkembang menjadi proses yang panjang dan mahal.

Untuk memperbaiki masalah ini, Persatuan Web Global (W3C) menciptakan CSS.

CSS menghapus format gaya dari halaman HTML

Jika Anda tidak tahu apa HTML, disarankan untuk membaca Panduan HTML.

CSS menghemat banyak kerja!

Definisi gaya biasanya disimpan di berkas .css eksternal.

Dengan menggunakan berkas gaya luar, Anda hanya perlu mengubah satu berkas untuk mengubah penampilan seluruh situs!