Lembar gaya berjenjang digunakan untuk memformat konten halaman HTML. Dengan demikian, semua perintah yang digunakan dalam CSS ditujukan untuk mengedit tampilan elemen apa pun dari dokumen HTML.
Itu perlu
Komputer dengan koneksi internet
instruksi
Langkah 1
Baca tentang bagaimana lembar gaya berjenjang digunakan. Pemformatan teks adalah fitur yang paling umum digunakan dari lembar gaya berjenjang. Setiap dokumen HTML berisi sejumlah besar informasi tekstual di berbagai bagiannya. Pada saat yang sama, setiap bagian halaman harus memiliki format dan font sendiri: bagian dari teks adalah teks menu, yang lain adalah judul, yang ketiga adalah teks utama halaman, dll. Untuk memformat informasi teks, perintah digunakan untuk mengubah nama font, ukurannya, beratnya, dll.
Langkah 2
Jadi, pertama-tama, perhatikan parameter gaya font-family. Atribut ini memungkinkan Anda untuk menetapkan font tertentu untuk tag ini. Nama font ditulis setelah tanda ":". Atribut font-size style digunakan untuk mengatur ukuran teks yang terdapat dalam tag. Nilai ukuran juga ditulis setelah tanda ":" dan ditunjukkan dalam piksel, misalnya, "ukuran font: 20px".
Langkah 3
Perhatikan bahwa parameter gaya dapat digabungkan dan ditulis bersama menggunakan tanda “;”. Ini berguna jika Anda perlu menetapkan beberapa parameter untuk satu tag.
Langkah 4
Gunakan warna atribut gaya untuk mengubah warna teks. Nama warna ditulis dengan cara standar: hijau, biru, merah, dll. Ini juga memiliki kemampuan untuk mengatur warna tidak hanya teks itu sendiri, tetapi juga warna latar belakang. Untuk tujuan ini, atribut warna latar digunakan, setelah itu warna yang dipilih juga harus ditunjukkan. Jika Anda ingin menggunakan gambar, bukan isian, sebagai latar belakang di area tag ini, maka rujuk ke parameter gaya gambar latar, dengan menentukan sumber gambar setelahnya.
Langkah 5
Kenali sejumlah atribut gaya yang mengatur parameter elemen halaman, yang, pertama-tama, termasuk padding, border, float, position.
Langkah 6
Gunakan parameter padding untuk mengatur jumlah margin yang terikat pada tag yang diberikan. Dalam hal ini, nilai ini dihitung dari setiap sisi. Tentukan atribut perbatasan untuk membentuk batas bidang ini. Setelah titik dua, lebar perbatasan ditulis dalam piksel. Properti float akan memungkinkan elemen di halaman Anda melayang ke kanan atau kiri. Dalam hal ini, parameter kualifikasi properti ini adalah kiri atau kanan.
Langkah 7
Jika Anda perlu memposisikan objek dengan tepat pada dokumen, gunakan properti position. Ini menempatkan elemen halaman secara absolut, seperti "position: absolute; bottom: 50px; right: 10px;", atau secara relatif, berdasarkan jarak dari tepi halaman.
