CSS bekerja dengan memisahkan konten (yang dibuat dengan HTML) dari presentasi (tampilan). Ini berarti dapat mengubah tampilan beberapa halaman web sekaligus hanya dengan mengubah satu file CSS. CSS menggunakan selector untuk memilih elemen HTML yang ingin diubah, dan properti untuk menentukan gaya yang akan diterapkan. Fungsi CSS dalam Pemrograman Web 1.Mengatur Tampilan: Fungsi utama CSS adalah untuk mengatur tampilan elemen HTML. Ini termasuk warna teks, latar belakang, font, ukuran, dan lainnya. 2.Layout Halaman: CSS memungkinkan untuk mengatur layout halaman web, seperti posisi elemen, margin, padding, dan float. Dengan CSS, dapat membuat tata letak yang responsif dan sesuai dengan berbagai ukuran layar. 3.Responsif Desain: CSS memungkinkan pembuatan desain web yang responsif, yang menyesuaikan tampilan berdasarkan ukuran layar perangkat yang digunakan (desktop, tablet, smartphone). Ini penting untuk memastikan pengalaman pengguna yang baik di semua perangkat. 4.Konsistensi Desain: CSS memungkinkan untuk menerapkan gaya yang sama ke seluruh halaman web atau bahkan seluruh situs web. Ini membantu menjaga konsistensi visual dan memudahkan pemeliharaan. 5.Efisiensi: Dengan CSS, dapat mendefinisikan gaya sekali dan menggunakannya kembali di banyak tempat. Ini mengurangi jumlah kode yang perlu ditulis dan dipelihara, serta mempercepat waktu pemuatan halaman. 6.Animasi dan Transisi: CSS memungkinkan untuk menambahkan animasi dan transisi ke elemen HTML, membuat halaman web lebih interaktif dan menarik. Cara Kerja CSS CSS bekerja dengan menghubungkan ke dokumen HTML melalui tiga cara utama: *.Inline CSS: Gaya CSS langsung ditambahkan di dalam tag HTML menggunakan atribut style. Cara ini kurang efisien karena harus ditulis ulang untuk setiap elemen. *.Internal CSS: Gaya CSS didefinisikan di dalam tag di bagian dokumen HTML. Cara ini lebih baik daripada inline CSS, tetapi masih kurang efisien jika ingin digunakan di banyak halaman. *.External CSS: Gaya CSS disimpan dalam file terpisah dengan ekstensi .css. File ini kemudian dihubungkan ke dokumen HTML menggunakan tag . Ini adalah cara yang paling efisien dan direkomendasikan karena memungkinkan untuk menggunakan gaya yang sama di banyak halaman. Contoh Sederhana CSS Misalnya, ingin mengubah warna teks pada semua elemen menjadi biru. Dengan CSS, dapat melakukannya seperti ini: p { color: blue; } Kode di atas akan membuat semua teks di dalam tag berwarna biru. CSS memungkinkan untuk mengatur tampilan halaman web dengan lebih fleksibel dan efisien, serta memisahkan konten dari presentasi.