Sampel CSS

什么是 CSS？

  • CSS 指的是层叠样式表* (Cascading Style Ssheets)
  • CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
  • CSS 节省了大量工作。它可以同时控制多张网页的布局
  • 外部样式表存储在 CSS 文件中

*：也称级联样式表。

CSS 演示 - 一张 HTML 页面 - 多个样式！

下面是一张提供了四个不同样式表的 HTML 页面。请单击下面的样式表链接，来查看不同的样式：

为何使用 CSS？

CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。

Contoh CSS

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

亲自试一试

CSS 解决了一个大问题

HTML �坂未打算包含用于格式化网页的标签！

Tujuannya adalah untuk mencipta HTMLDeskripsikan halamancontohnya:

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

Dengan menambah tag seperti <font> dan properti warna ke spesifikasi HTML 3.2, mimpi buruk para pengembang web dimulai. Pengembangan laman besar menambah informasi huruf dan warna ke setiap halaman, yang berkembang menjadi proses yang panjang dan mahal.

Untuk menyelesaikan masalah ini, Persatuan Web Sedunia (W3C) telah mencipta CSS.

CSS menghapus format gaya dari halaman HTML.

Jika anda tidak tahu apa HTML, disarankan anda membaca Panduan HTML.

CSS menghemat banyak kerja!

Definisi gaya biasanya disimpan dalam fail .css luaran.

Dengan menggunakan fail gaya luaran, anda hanya perlu mengubah satu fail untuk mengubah penampilan keseluruhan laman!