CSS Part 5 - sprites, atribut selector, form dengan css dan counters css

Pada kesempatan kali ini kita akan sharing tentang CSS kembali. Pembahasan kali ini meliputi gambar sprites, atribut selector, form dengan css dan counters css. Langsung saja ya masuk ke materinya.

A. Latar Belakang

   Attribute selection digunakan untuk memilih elemen dengan atribut tertentu. Hal ini dimungkinkan untuk gaya elemen HTML yang memiliki atribut tertentu atau nilai atribut. Pemilih atribut dapat berguna untuk bentuk styling tanpa kelas atau ID.

   Form digunakan utnuk memasukkan data yang dimasukkan user untuk disimpan atau masuk kesuatu halaman.

   Counter CSS adalah "variabel" dikelola oleh CSS yang nilai dapat bertambah dengan aturan CSS (untuk melacak berapa kali mereka digunakan). Counter membiarkan Anda menyesuaikan tampilan konten berdasarkan penempatannya dalam dokumen.

B. Alat dan Bahan

• Laptop
• Sublime text
• OS linux mint
  

C. Tujuan

       Bertujuan untuk mempelajari dan mengimplementasikan bagaimana membuat tampilan web sederhana dengan css.

D. Tahap Pelaksanaan

• Buka sublime text yang ada di menu.
• Masukkan coding dibawah ini untuk membuat form dengan css.

Penulisan dari CSS selalu dibawah head. CSS dibuat untuk komponen input, label, submit.

Hasil dari coding diatas. Warna merah pada input tersebut menggunakan css atribut selector.

E. Kesimpulan

    Dari pengcodingan diatas dapat disimpulkan bahwa penggunaan dalam web dapat mempercantik dari tampilan. Dan pencodingan dari css dapat dilakukan secara mudah dan kreatif.

F. Referensi

• http://www.w3schools.com/css

Sekian dan Terimakasih.

Just do the best, What we can do!!!
SMK, everything will be possible

Wasalamu'alaikum wr.wb.