Categories: CSS

Css Dasar

Contoh CSS rule:

P { color: red; font-size: 20px; }

property: value
property ialah properti CSS, dan value ialah nilai properti CSS yang tersesuaikan.

CSS rule di atas yang memperlihatkan properti ialah color dan font-size, di mana masing-masing nilainya red dan 20px berturut-turut.

Selector
Setiap elemen HTML, pengenal CLASS, dan pengenal ID dimungkinkan menjadi selector, dan selector itu dapat diberikan efek dari deklarasi-deklarasi yang ada.

CSS rule di atas yang memperlihatkan selector ialah elemen P.

Declaration
Declaration ialah bab dari CSS rule yang berisi satu properti CSS dan nilainya, jikalau menetapkan lebih dari satu declaration dalam blok declaration yang sama, diharuskan menyisipkan tanda titik koma di antara declaration satu dengan yang lainnya.

CSS rule di atas, yang memperlihatkan declaration ialah color: red; dan font-size: 20px;, di mana color: red; ialah declaration yang pertama dan font-size: 20px; ialah declaration yang kedua di dalam urutan.

Declaration block
Declaration block dimulai dari tanda “{” dan diakhiri dengan tanda “}”. Untuk CSS rule di atas, yang menujukkan declaration block adalah:

{ color: red; font-size: 20px; }

Class selector
Class selector akan memperlihatkan efek declaration CSS bagi semua elemen HTML yang mempunyai atribut CLASS dengan nilai yang tersesuaikan. Untuk jelasnya mengenai Class selector, silahkan ke halaman Class selector CSS.

ID selector
ID selector akan memperlihatkan efek declaration CSS hanya untuk satu elemen HTML yang mempunyai atribut ID dengan nilai yang tersesuaikan. Untuk jelasnya mengenai ID selector, silahkan ke halaman ID selector CSS.

Group selector
Di CSS di perbolehkan mengelompokkan selector untuk mendapat efek yang sama, contohnya ingin memperlihatkan efek yang sama untuk elemen H1, H2, H3, H4, H5, dan H6:

H1, H2, H3, H4, H5, H6 { color: red; }

Contextual selectors
Semisal menjumpai CSS rule ibarat ini:

P B { color: red; }

CSS rule di atas mengakibatkan semua elemen B yang tersarang di dalam elemen P akan diberikan efek untuk teksnya dengan warna merah.

Semisal lagi menjumpai CSS rule sebagai berikut:

P B.myClass { color: red; }

CSS rule di atas mengakibatkan semua elemen B ber-CLASS myClass yang tersarang di dalam elemen P, untuk teksnya diberikan efek warna merah.

Comments
Untuk menetapkan komentar di CSS, dapat mengawalinya dengan tanda /* dan diakhiri tanda */.

Contoh:

/*di sini komentar*/
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Ahmad Code

Share
Published by
Ahmad Code
Tags: css

Recent Posts

Source Code Aplikasi Penilaian Kinerja Karyawan Berbasis Web

Dalam suatu Perusahaan maupun Badan Kepegawaian tentu membutuhkan karyawan agar mampu melaksanakan tujuan untuk mencapai…

1 hour ago

Source Code Aplikasi SMS Gateway Sederhana dengan PHP

selain menggunakan email, contact di dunia mayapun merambah dengan sistem sms gateway, dan yang sering…

7 hours ago

Source Code Aplikasi Sistem Rekam Medis PHP+MYSQL

dalam dunia medispun telah menggunakan system komputasi, berupa aplikasi berbasis desktop maupun under web. kali…

13 hours ago

Source code aplikasi managemen RT-RW berbasis website

Aplikasi web merupakan salah satu media yang tepat untuk memberikan informasi kepada warga atau masyarakat…

19 hours ago

Source code Aplikasi Sistem Informasi Akademik Sekolah Menggunkan PHP MySQL

Aplikasi Sistem Informasi Akedemik Sekolah menggunkan PHP MySQl atau berbasis web ini merupakan sebuah sebuah…

1 day ago

Source Code Aplikasi Website Portal Menggunakan PHP MySQL

Pada kesempatan ini saya kembali membagikan buat anda pencinta aplikasi berbasis web yaitu source kode…

1 day ago