Postingan Tentang Kelanjutan belajar Css

Menggunakan inline style

Bila anda menginginkan pemformatan pada sebagian kecil saja dari web anda,
anda dapat menggunakan inline style.
Definisi style pada inline style hanya berpengaruh pada tag dimana inline style
tersebut berada. Contoh inline style pada tag <p> berikut:
<P STYLE="margin-left: 0.5in; margin-right:
0.5in">
This line will be indented on the left and right.
<P>
This line will receive no indentation.
Hasilnya akan terlihat seperti ini
This line will be indented on the left and right.
This line will receive no indentation.

Opsi Tambahan

Sederhanakan melalui pengelompokkan
Bila anda ingin menerapkan pemformatan yang sama bagi berbagai tag, misal:
H1 {font-size: 15pt;
font-weight: bold;
color: maroon}
H2 {font-size: 15pt;
font-weight: bold;
color: maroon}
H3 {font-size: 15pt;
font-weight: bold;
color: maroon}
anda dapat mengelompokkannya menjadi
H1, H2, H3
{font-size: 15pt;
font-weight: bold;
color: maroon}
Anda dapat pula mengelompokkan spesifikasi pemformatan. Misal:
H1 {font-size: 15pt;
line-height: 17pt;
font-weight: bold;
font-family: "Arial"
font-style: normal}
dapat disederhanakan menjadi seperti berikut ini
H1 {font:
15pt/17pt bold "Arial" normal}

Variasi melalui class

Gunakan class untuk membuat berbagai macam variasi bagi satu tag HTML.
Sebagi contoh, bila anda ingin menggunakan tiga warna untuk heading H1
(katakanlah bergantung pada konteks), anda dapat mendefinisikannnya dalam
tiga class dalam STYLE tag berikut:
<STYLE>
H1.red {font: 15pt/17pt;
color: red}
H1.green {font: 15pt/17pt;
color: green}
H1.blue {font: 15pt/17pt;
color: blue}
</STYLE>
Pada halaman web gunakan class tersebut
<H1 CLASS=red>This is the red heading</H1>
...
<H1 CLASS=blue>This is the blue heading</H1>
...
<H1 CLASS=green>You get the picture...</H1>

Baca Kelanjutannya