Jumat, 26 Maret 2010

1. Apa itu CSS?
- Cascading Style Sheet
- Meningkatkan kemampuan XHTML
- Berperan Dalam Desain Tampilan

2. Menulis CSS
- CSS bisa ditulis dalam dokumen XHTML
- Antar atribut dipisahkan tanda ; (titik koma)
- Menggunakan pasangan tag < style type="text/css" > < /style >
- Pemberian nilai atribut menggunakan tanda : (titik dua)

3. Mengatur Warna Teks
< html >
< head >
< title > ini judulnya < /title >
< style type="text/css" >
h1 {color: blue;}
p {color: red;}
< /style >
< /head >
< body >
< h1 > Berwarna Biru < /h1 >
< h2 > Kondisi Normal < /h2 >
< p > Berwarna Merah < /p >
< /body >
< /html >

4. Mengatur Pemformatan Teks
-> text-align=left, right, center, justify
< html >
< head >
< title > ini judulnya < /title >
< style type="text/css" >
h1 {text-align: center;}
p {text-align: justify;}
< /style >
< /head >
< body >
< h1 > Balonku ada lima < /h1 >
< p > rupa-rupa warnanya merah kuning dan hijau < /p >
< /body >
< /html >

5. Mengatur Garis Pada Text
-> text-decoration: overline, underline, linethrough, blink
< style type="text/css" >
h1 {text-decoration: overline;}
h2 {text-decoration: underline;}
h3 {text-decoration: linethrough;}
< /style >

6. Mengatur Identasi Text
-> dilakukan dengan mengatur nilai atribut text-indent
-> satuan : cm, px
< style type="text/css" >
p {text-indent: 1cm;}
< /style >

7. Mengatur Penggunaan Huruf Kapital
-> text-transform: uppercase, lowercase, capitalize
< style type="text/css" >
h1 {text-transform: uppercase;}
h2 {text-transform: lowercase;}
h3 {text-transform: capitalize;}
< /style >

8. Mengatur Ukuran dan Jenis Huruf
< style type="text/css" >
p {font-family: arial; font-size: 24pt;}
< /style >

9. Mengatur Cetak Tebal dan Cetak Miring
< style type="text/css" >
p {font-weight: bold; font-style: italic;}
< /style >

Tidak ada komentar:

Posting Komentar