Ini bukan rahasia besar bahwa HTML bukan mimpi desainer menjadi kenyataan. Namun, CSS (Cascading Style Sheets), menyediakan sarana yang lebih baik untuk mengendalikan desain halaman Web.
CSS dapat diatur di tiga tempat berbeda:
1. Dalam kepala dokumen. Ini disebut tertanam.
2. Dalam tag HTML dalam tubuh dokumen Anda. Nama ini inline.
3. Dalam sebuah dokumen eksternal yang kemudian dihubungkan atau diimpor ke dokumen HTML Anda. Ini disebut eksternal.
Ada satu hal penting untuk dipertimbangkan. CSS didukung oleh IE3,, IE4 dan NS4 (tetapi tidak mendukung semua kemampuan CSS). Juga, setiap kali menggunakan embedded CSS pastikan Anda "menyembunyikan" kode dari browser lama:
PHP Code:
<HEAD> <STYLE TYPE="text/css">
<!--
CSS goes here ...
-->
</STYLE>
</HEAD>
Semua tutorial dan tips mengenai CSS akan menggunakan ini "bersembunyi". OK, mari kita pergi ke beberapa contoh:
CSS Fonts
Dengan CSS anda tidak perlu membatasi diri ke huruf kecil tersedia dengan HTML. Anda dapat membuat efek dramatis untuk judul atau teks lainnya menggunakan huruf besar yang akan men-download secepat teks lain. Misalnya, membuat header besar menggunakan kode berikut (didukung oleh IE3, IE4 +, dan NS4 +):
PHP Code:
<HEAD> <STYLE TYPE="text/css">
<!--
H1 {font-size: 56pt;}
-->
</STYLE>
</HEAD>
Anda dapat mengubah nomor 56pt ke nomor apapun, tetapi cobalah untuk tinggal di bawah 500pt. Kemudian, dalam tubuh dokumen Anda, masukkan teks besar yang diinginkan antara <H1> dan </ H1> tag.
Example:
BIG
Anda juga dapat mewakili teks Anda dalam proporsi ukuran teks sekitarnya. Contoh kode (bekerja dengan IE3 + dan NS4 +):
PHP Code:
<HEAD> <STYLE TYPE="text/css">
<!--
H1 {font-size: 125%;}
-->
</STYLE>
</HEAD>
Sekali lagi, mengubah 125% untuk apapun yang Anda suka.