Jenis Ukuran dan Jarak di Css

Jenis ukuran dan jarak di css sangatlah penting untuk menentukan sebuah ukuran huruf dan jaraknya, berikut ini adalah jenis ukuran untuk sebuah font.

Contoh:

p{
    font : Arial 11pt italic;
    color: red;
 }

pada script di atas saya menggunakan ukuran pt (point)

Berikut ini adalah jenis-jenis ukuran atau jarak di css.

 

- Point (pt)
- Centimeter (cm)
- inchi (in)
- piksel (px)

Misal kelas untuk tag paragraf <p>

p.hijau{
    Font: Verdana 15pt bold;
    color: red
       }

p.merah{
    font: "Courier New" 12pt italic;
    color: red;
    }

Dihubungkan di halaman Html


<p class="hijau">

ni adalah paragraf berwarna hijau

</p>

<p class="merah">

ini adalah paragraf berwarna merah
</p>

Keterangan: pada halaman html class itu berfungsi untuk memanggil nama yang telah kita buat pada halaman css seperti hijau dan merah seperti di atas.

Selamat Mencoba

Share this post