CSS Lesson: Basic

CSS adalah singkatan bagi Cascading Style Sheets. CSS bertujuan menentukan web style, bukan pada kandungan.

<!DOCTYPE html>
<html>
<head>
 <style>
 body {
 background-color: #d0e4fe;
 }
 /* This is a single-line comment */
 h1 {
 color: orange;
 text-align: center;
 }

 p {
 font-family: "Times New Roman";
 font-size: 20px;
 }
 </style>
</head>

<body>
 <h1>CSS Example</h1>
 <p>This is a paragraph.</p>
</body>
</html>

The element Selector.

<head>
 <style>
 h1 {
 color: orange;
 text-align: center;
 }
 </style>
</head>

<body>
 <h1>CSS Example</h1>
</body>

The id Selector.

<head>
 <style>
 #center {
 text-align: center;
 }
 </style>
</head>

<body>
 <p id="center">This is 2nd paragraph.</p>
</body>

The class Selector.

<head>
 <style>
 .red {
 color: red;
 }
 </style>
</head>

<body>
 <p class="red">This is 3rd paragraph.</p>
</body>

Specific elements affected by a class.

<head>
 <style>
 p.green {
 color: green;
 }
 </style>
</head>

<body>
 <p class="green">This is 3rd paragraph.</p>
</body>

Contoh: http://shahrulnizam.com/web/css_basic.php

Penerangan lanjut di

  1. http://www.w3schools.com/css/css_selectors.asp

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.