Bagaimana Cara menggunakan CSS 3

19 April 2023

Dalam membuat website biasany css3 tidak luput untuk dilupakan karena css berfungsi untuk memisahkan tata letak dari struktur HTML, membuatnya lebih mudah untuk memelihara dan mengembangkan situs web.

(NongkiNgopi.com) Dalam membuat website biasanya css3 tidak luput untuk dilupakan karena css berfungsi untuk memisahkan tata letak dari struktur HTML, membuatnya lebih mudah untuk memelihara dan mengembangkan situs web. dan memberi desainer web kendali penuh atas tampilan halaman web, termasuk tata letak, warna, font, ukuran, batas, bantalan, batas, dan lainnya. Jadi apa itu css?

Cascading Style Sheets adalah bahasa pemrograman yang digunakan untuk menentukan tata letak atau gaya halaman web. CSS memungkinkan desainer web untuk memisahkan tampilan struktur dan konten halaman web dan memungkinkan pengelolaan terpisah tentang bagaimana halaman web dirender di browser. CSS memungkinkan desainer web untuk membuat halaman web yang menarik dan mudah dibaca yang mudah dipahami pengguna. Dalam artikel ini kita akan mempelajari apa itu css versi 3?

CSS 3

Cascading Style Sheets 3 adalah versi terbaru dari Cascading Style Sheets (CSS) yang menawarkan lebih banyak fitur dan kemungkinan daripada versi sebelumnya seperti CSS2. CSS3 memiliki beberapa modul yang menyertakan fitur seperti pemilih lanjutan, animasi dan transisi, gradien, radius batas, dan lainnya. Fitur-fitur ini memberi desainer web lebih banyak kontrol untuk membuat tampilan halaman web yang lebih kompleks dan menarik. CSS3 juga menawarkan lebih banyak dukungan untuk berbagai perangkat dan browser, meningkatkan pengalaman pengguna secara keseluruhan.

Fungsi CSS3

Perhatikan bahwa CSS dimaksudkan untuk digunakan dengan HTML untuk menyusun dan memformat konten.

Anda bertanggung jawab atas warna, properti font, perataan teks, gambar latar belakang, grafik, tabel, dan lainnya.

Anda dapat memposisikan elemen dengan nilai tetap, absolut, atau relatif.

Versi terbaru CSS3 direkomendasikan untuk membuat halaman web yang sangat interaktif dan fungsional, karena menawarkan berbagai pilihan desain.

Di bawah ini adalah beberapa fitur CSS3 terbaru yang harus Anda ketahui:

Selector

Pemilih CSS3 sangat menarik dan memungkinkan desainer dan pengembang membuat keputusan pada tingkat dokumen yang lebih detail.

Salah satu hal yang menyenangkan tentang modul baru ini adalah banyak browser yang mulai mendukung pemilih CSS3 tingkat lanjut. Anda dapat mencoba sekarang.

Misalnya, beberapa penyeleksi baru di CSS3 adalah:

Pencocokan atribut dan nilai atribut, termasuk pencocokan sebagian
Properti struktural “pseudoclass”-seperti “nth-child”.
Targetkan “pseudo-class” untuk menentukan hanya elemen yang ditargetkan di URL.
“Pseudo-class” yang digunakan dapat dikontrol untuk mengatur gaya elemen mana yang dikontrol, seperti “radio” atau “checkbox” HTML element.

Text Effect dan Layout

Dengan menggunakan fitur ini dalam CSS3, maka kita dapat membuat perubahan pada tanda hubung, spasi putih, dan pembenaran teks dalam dokumen.

First-Letter dan First-Line pada Pseudo-Classes

CSS 3 harus memungkinkan properti untuk mempengaruhi kerning (baca pengertian kerning dalam typography disini) dan penyelarasan drop-caps.

Paged Media dan Generated Content

CSS3 sekarang mendukung lebih banyak opsi di media halaman, seperti menjalankan header, footer, dan nomor halaman.

Ada juga fitur tambahan untuk mencetak konten yang dihasilkan, termasuk fitur catatan kaki dan referensi silang.

Layout Multi-Kolom

Saat ini, template tata letak multi-kolom menyediakan fungsionalitas yang memungkinkan desainer untuk menampilkan konten mereka dalam beberapa kolom dengan definisi seperti spasi kolom, jumlah kolom, dan lebar kolom.

Ruby

Yang terakhir adalah rubi. Properti CSS “ruby-position” menentukan posisi elemen Ruby relatif terhadap elemen dasar.

Ya! CSS kini mendukung penambahan penanda kecil di atas atau di samping kata-kata yang paling umum digunakan dalam bahasa China dan Jepang.

Mereka biasanya digunakan untuk menunjukkan pengucapan atau arti dari ideogram yang sulit.

BACA JUGA : Seberapa pentingkah Multimedia dalam Jurnalisme?

Module (Modul) Utama CSS3

Seperti yang kami sebutkan ketika kami menjelaskan arti CSS3 dan apa itu Cascading Style Sheets Level atau Versi 3 dan apa saja fitur baru di atas, perubahan terbesar untuk CSS Level 3 adalah pengenalan modul.

Keuntungan modul adalah spesifikasi dapat diselesaikan dan dirilis lebih cepat (mungkin) karena segmen diselesaikan dan dirilis dalam blok.

Hal ini juga memungkinkan produsen browser dan agen pengguna untuk mendukung bagian dari konfigurasi tetapi menjaga kode mereka seminimal mungkin dengan hanya mendukung modul yang masuk akal.

Misalnya, pembaca teks (text reader) tidak boleh berisi modul yang hanya mendefinisikan bagaimana elemen ditampilkan secara visual.

Tetapi bahkan jika itu hanya berisi modul audio, itu masih akan menjadi alat CSS 3 yang memenuhi standar.

Terkait hal tersebut di atas, adapun beberapa module (modul) utama CSS3 atau Cascading Style Sheets level atau versi 3 adalah sebagai berikut: