Dasar CSS

PENDAHULUAN

Assalamualaikum Wr.Wb.

Kembali lagi di blog sederhana saya, kali ini saya akan sharing tentang dasar css. Jika kalian ingin mengtahui-nya, langsung saja di baca penjelesan berikut!

LATAR BELAKANG
Membagikan pengetahun kepada teman-teman pembaca tentang dasar dari Css.

MAKSUD DAN TUJUAN
Dapat mengetahui bagian-bagian utama dari CSS.

PEMBAHASAN
Bagian-bagian utama dari CSS ada 3 yaitu:

• SELECTOR

Jika dalam HTML ada tag-tag yang menyusun sebuah dokumen HTML, maka dalam CSS juga dikenal dengan sebuah selector.

Sebagai  bahasa yang digunakan untuk memberikan gaya dan tampilan, CSS menggunakan metoode deklaratif untuk menspesifikasikan bagian HTML ingin yang diberikan gaya tampilan. Pemilihan elemen HTML dilakukan dengan menspesifikasi selector. Berikut contoh kode dari sebuah selector <p> :
Format :
    p {
        . . . . .
}

Pada kode diatas, yang dikatakan selector ialah kode "p" atau :
    selector {
        . . . . .
}

Ciri-ciri :

1. Nama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal
2. Bagian elemen HTML yang akan ditunjukan untuk mengatur style.
3. Dapat berupa Class dan ID

• PROPERTY

Sebuah property menentukan berbagai dessain yang dapat diubah dari sebuah elemen yang dipilih oleh selector. Contoh :
Format :
    p {
        color: . . . . ;
        font-size: . . . . ;
}

Pada kode diatas, yang dikatakan property ialah kode yang berada sebelum titik dua (":"). Kegunaan dari kedua property tersebut tentunya cukup jelas dari nama yang diberikan, yaitu color untuk memberikan warna pada elemen p, dan font-size untuk mengubah ukuran teks.

Ciri-ciri :

1. Aturan dalam CSS untuk mengubah selector yang dipilih
2. Property mempunyai nilai yang disebut degan value
3. Property didalam tanda {}

• VALUE

Merupakan nilai dari property yang ingin kita berikan. Nilai yang dapat diberikan sendiri, tergantung dengan jenis propertynya.

Misal, jika ingin memberikan nilai warna, kita harus memberikan nilai dalam dormat #RRGGBB (kombinasi nilai heksa Merah-Hijau-Biru yang biasa digunakan pada program pengolah grafis seperti photoshop).

Ketika igin memberikan nilai ukuran kita dapat memberikan nilai dalam format nilai px atau nilai em. Contoh :
Format :
    p {
        color : #FF0000;
        font-size : 50px;
}

KESIMPULAN
Dengan mengetahui itu kita dapat mengerti bagaimana cara memberikan/membuat program CSS.

Penutup
Sekian dari artikel saya, semoga bermanfaat bagi teman-teman yang membacanya. Jika ada kesalahan dalam penulisan mohon dimaafkan.

Wassalamualaikum Wr.Wb.

Referensi
Wikipedia

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Dasar CSS ini dipublish oleh Unknown pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Dasar CSS