Berikut adalah contoh penggunaan CSS untuk mengatur ukuran dan jenis huruf pada artikel:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
<style>
/* CSS untuk gaya teks */
h1 {
font-size: 32px; /* Ukuran teks: 32 piksel */
font-family: "Arial", sans-serif; /* Jenis huruf: Arial, tanpa serip */
font-weight: bold; /* Tebal huruf */
color: #333333; /* Warna teks: abu-abu gelap */
}
p {
font-size: 16px; /* Ukuran teks: 16 piksel */
font-family: "Helvetica", sans-serif; /* Jenis huruf: Helvetica, tanpa serip */
color: #666666; /* Warna teks: abu-abu lebih terang */
line-height: 1.5; /* Jarak antarbaris */
}
</style>
</head>
<body>
<h1>Judul Artikel</h1>
<p>Ini adalah artikel yang menarik dan informatif.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce condimentum facilisis leo, et semper turpis consequat at. Mauris aliquam ultrices enim id feugiat. Aliquam quis fringilla nisl, vel malesuada sapien. Nullam sed ligula tellus.</p>
</body>
</html>Dalam contoh di atas, CSS disisipkan dalam tag <style> di dalam elemen <head> untuk mengatur gaya teks pada artikel.
- Untuk gaya judul (
<h1>), kami menggunakan propertifont-sizeuntuk mengatur ukuran teks menjadi 32 piksel,font-familyuntuk mengatur jenis huruf menjadi “Arial” atau jenis huruf sans-serif yang serupa,font-weightuntuk membuat huruf menjadi tebal, dancoloruntuk mengatur warna teks menjadi abu-abu gelap (#333333). - Untuk gaya paragraf (
<p>), kami menggunakan propertifont-sizeuntuk mengatur ukuran teks menjadi 16 piksel,font-familyuntuk mengatur jenis huruf menjadi “Helvetica” atau jenis huruf sans-serif yang serupa,coloruntuk mengatur warna teks menjadi abu-abu lebih terang (#666666), danline-heightuntuk mengatur jarak antarbaris menjadi 1.5 kali ukuran teks.
Dengan menerapkan CSS ini, judul artikel dan isi paragraf pada halaman web akan memiliki ukuran dan jenis huruf yang ditentukan. Anda dapat menyesuaikan properti CSS sesuai dengan preferensi desain dan kebutuhan Anda, seperti mengganti jenis huruf, ukuran, warna, dan properti lainnya.
