CSS: مظهر صفحة الويب

لقاعدة CSS شكل ثابت: selector { property: value; }. يقول المحدّد أي جزء من الصفحة، وتقول الخاصية ما الذي يتغير، وتقول القيمة كيف. وبين القوسين المعقوفين نكتب الخاصية ثم نقطتين ثم القيمة ثم فاصلة منقوطة. انظر إلى القواعد الثلاث في الصورة. الأولى تقول إن كل عنوان h1 (المحدّد h1) يأخذ نصًّا أزرق داكنًا (الخاصية color والقيمة darkblue) ويتوسط الصفحة. والثانية تقول إن كل فقرة تأخذ حروفًا حجمها 18px (px تعني البكسل، نقاطًا صغيرة على الشاشة). والثالثة تعطي الصفحة كلها (body) خلفية زرقاء مخضرّة شاحبة جدًّا. وأسماء الألوان بلا مسافات: lightcyan صحيحة، أما light blue بمسافة فخطأ. وأنهِ كل سطر بفاصلة منقوطة.

1h1 {
2  color: darkblue;
3  text-align: center;
4}
5p {
6  font-size: 18px;
7}
8body {
9  background-color: lightcyan;
10}