Setelah saya baca ulang artikel CSS yang saya buat, ternyata masih banyak kekurangan dalam penyampaiannya. Bagi yang sudah paham tentang kode CSS tidak menjadi masalah, tapi bagi yang masih pemula mungkin akan kesulitan untuk menerapkan kode CSSnya.

Nah.. Postingan saya kali ini tentang kode CSS dasar untuk pemula yang ingin belajar tentang penggunaan kode CSS.

Inti dari penulisan kode CSS (Cascading Style Sheet) terdiri dari Selector, Property dan Value.

“SELECTOR PROPERTY : VALUE “

Dalam kode CSS ada 2 bagian yang terpisah yaitu Selector dan Declarasi. Selector yang saya tandai dengan warna merah dan Declarasi dengan warna biru. Untuk penulisan Declarasi harus menggunakan tanda kurung kurawal …. Di dalam Declarasi itu ada 2 bagian lagi yaitu Property dan Value.

SELECTOR
Element yang akan kita berikan style, ditandai dengan tanda pagar (#) sebagai ID Selector dan tanda titik (.) sebagai Class Selector. Pemakaian ID Selector digunakan untuk element unik, contohnya digunakan pada header (#header). Sedangkan Class Selector digunakan pada beberapa element sekaligus, misalnya pada element komentar (.comment). Selain itu ada juga Universal Selector dengan memakai tanda bintang (*), tapi ini jarang digunakan.

Pemakaian Selector di atas harus sesuai dengan tag yang ada pada kode html. Untuk ini kamu tidak perlu pusing, silahkan baca artikel saya sebelumnya tentang daftar selector yang bisa digunakan pada Mywapblog.

PROPERTY DAN VALUE
Jenis style yang akan diberikan seperti background, color, border, dll. Value adalah nilai dari property.

” background: blue; color: red “

Penggunaan lebih dari satu Property menggunakan tanda titik koma (;) sebagai pemisah.

Jika kamu memilih Theme yang ada dipilihan Mywapblog, misalnya yang Dark atau Colorful atau yang lainnya. Kalau mau diedit lagi nanti akan menemukan kode seperti ini.

“.mobile_body …
.mobile_body #header …
.mobile_body .post …”

Supaya lebih hemat penulisan kodenya hapus yang berwarna merah (.mobile_body). Nanti akan seperti ini.

“body …
#header …
.post …”

Selanjutnya kamu ubah Property dan Valuenya.

Kalau ingin membuat dari awal pilih yang blank di CSS Custom Theme. Lalu masukkan kode Selector, Property dan Value.

cara membuat css mywapblog