Apa Itu CSS?

DSC STT Terpadu Nurul Fikri
DSC STT Terpadu Nurul Fikri
2 min readMay 30, 2021
https://www.bitdegree.org/learn/storage/media/images/css-tutorial-img1-01.o.png

CSS adalah cascading style sheet dan digunakan mengatur tampilan elemen yang tertulis dalam Bahasa markup. Berisi rangkaian instruksi menentukan bagaimana teks ditampilkan pada halaman web. Perancangan desain teks dilakukan dengan mendefinisikan font, warna, margin, background, font size dsb. CSS beruna untuk mendesain layout, variasi tampilan di berbagai perangkat berbeda dan efek yang dipakai website. CSS membantu desainer untuk mengubah tampilan teks, menambahkan gambar, mengubah latar belakang halaman HTML.

Cara kerja CSS sangat mudah, CSS membutuhkan style sebagai penentu font, warna dan format lain untuk atribut sebuah halaman web. Tiap style memiliki dua elemen dasar yaitu selector dan declaration.

1. Selector class digunakan menentukan style seperti id. Id hanya boleh dipanggil satu kali saja. Class bisa dipanggil berkali — kali pada halaman. Selector ditulis dengan awalan titik atau dot “.” Pada css dan class=”namaclass” pada HTML.

2. Declaration diawali dengan kurung kurawal dan ditutup titik koma. Setiap deklarasi menyertakan nama dan value property CSS

CSS Style terdiri dari :

1. Internal

Diproses setiap kali website di refresh dan memakan waktu lama. CSS style yang sama tidak dapat digunakan di halaman lain karena sudah aktid terlebih dahulu di suatu halaman. Kemudahan yang dimiliki adalah dalam sharing template untuk preview karena CSS hanya ada di satu halaman.

2. External

Semua dilakukan secara eksternal pada file .css, styling dilakukan di file terpisah, lalu diterapkan ke halaman manpun yang anda inginkan.

3. Inline

CSS ini menggunakan elemen spesifik memuat tag <style>

Sumber : https://www.hostinger.co.id/tutorial/apa-itu-css

Author : Ayu Amalia (DSC STTNF Core Team 2020)

--

--