Pengertian CSS Untuk Pemula II

3. Styling Teks dan Font

CSS juga digunakan untuk mengatur tampilan teks dan font agar lebih menarik.

Font Properties: Mengatur jenis font (font-family), ukuran (font-size), ketebalan (font-weight), dan gaya (font-style).
Text Properties: Mengatur warna teks (color), alignment (text-align), dekorasi (text-decoration), dan spasi (letter-spacing, line-height).
Google Fonts: Menggunakan font eksternal dari Google Fonts untuk meningkatkan estetika website.

CSS

p.font-properties {
    font-family: serif; 
    font-size: 2rem; 
    font-weight: bold; 
    font-style: italic;
}
p.text-properties {
    color: hotpink; 
    text-align: center; 
    text-decoration: underline overline; 
    letter-spacing: .5rem;
}

Font Properties

Text Properties

4. Warna dan Latar Belakang

CSS memungkinkan Anda untuk mengatur warna dan latar belakang elemen dengan berbagai cara.

Color Values: Menggunakan format warna seperti HEX #FFFFFF, RGB rgb(255, 255, 255), RGBA rgba(255, 255, 255, 0.5), HSL, dan HSLA.
Background Properties: Mengatur warna latar belakang (background-color), gambar latar belakang (background-image), dan properti lainnya seperti background-position, background-size, dan background-repeat.

CSS

div {
    background: conic-gradient( 
        hotpink 25%, transparent 25%, 
        transparent 50%, hotpink 50%, 
        hotpink 75%, transparent 75%, 
        transparent 100%, hotpink 100%);
    background-size: 2rem 2rem;
    width: 90%;
    height: 200px;
    border-radius: 5px;
}

Isi Teks di Sini

Jawablah Kuis Ini!

1. Berikut ini adalah Font Properties, kecuali...

Donasinya kaka logo-saweria