Belajar CSS
CSS adalah singkatan dari Cascading Style Sheets. CSS adalah bahasa markup yang digunakan untuk menentukan tampilan dan gaya halaman web yang ditulis dalam HTML. Ini memungkinkan Anda untuk memisahkan presentasi dari konten, membuat halaman web yang lebih mudah dikelola dan dikembangkan, dan memastikan konsistensi gaya di seluruh situs.
Dengan CSS, Anda dapat menentukan warna teks, font, marga, padding, ukuran elemen, dan banyak lagi. Anda juga dapat membuat class dan id untuk elemen HTML tertentu untuk menentukan gaya yang berbeda untuk elemen yang berbeda. CSS juga memiliki fitur seperti pewarnaan latar belakang, animasi, dan responsifitas, yang memungkinkan halaman web untuk beradaptasi dengan berbagai ukuran layar.
Dalam halaman web, CSS diterapkan pada elemen HTML melalui referensi atau penulisan langsung dalam tag <style> pada halaman HTML. Penggunaan CSS sangat penting untuk membuat situs web yang terlihat bagus, mudah dibaca, dan mudah digunakan.
Untuk melihat latihan saya dalam mempelajari CSS, bisa mengunjungi tautan Belajar CSS Dasar ini.
Daftar materi CSS dibawah ini sementara tidak aktif, saya masih mengerjakan dilain tempat agar materi ini bisa dilihat lebih mudah dan dipelajari.
1.3 - Set an image as the background of a page
1.4 - Set the text color of different elements
2.1 - Set the width of the four borders
2.2 - Set the width of the bottom border
2.3 - Set the style of the four borders
2.4 - Set the color of the top border
2.5 - Set the color of the four borders
3.1 - Set the height of an image using a pixel value
3.2 - Set the height of an image using percent
3.3 - Set the width of an eIement using percent
3.4 - Set the maximum width of an element using a pixel value
3.5 - Set the minimum width of an element using percent
4.1 - How to hide an element (visibility-hidden)
4.2 - How to display an element as a block element
4.3 - How to make a table element collapse
5.1 - An image with a caption that floats to the right
5.2 - Let the first letter of a paragraph float to the left
5.3 - Create an image gallery with the float property
5.4 - Turn of float - with the clear property
5.5 - Creating a horizontal menu
5.6 - Creating a homepage without tables
Tidak ada komentar:
Posting Komentar
Terima kasih telah berkunjung dan membaca artikel ini. Silahkan berikan saran dan pertanyaan di kolom berikut ini.