 |
Kali ini apa yang akan kita bahas? HTML-CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Ms.word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengatur ukuran gambar,warna, bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Fungsi CSS ... ?
fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.
Beberapa Contoh penerapan CSS :
1. Teks Berwarna
 | |
| 1.1 Script |
 | |
| 1.2 Hasil script |
2. Teks berwarna dan background
 | |
| 2.1 Script |
 | |
| 2.2 Hasil script |
3. Membedakan Judul dan paragraf , dengan warna dan jenis tulisan
 |
| 3.1 Script |
 | |
| 3.2 Hasil |
4. Membedakan Judul dan paragraf dengan menggunakan border
 |
| 4.1 Script |
 | |
| 4.2 Hasil |
 |
| 5.1 Script |
 |
| 5.2 Hasil |
6. Menggunakan border danMargin
 | |
| 6.1 Script |
 | |
| 6.2 Hasil Script |
7. Membedakan tulisan yang berada pada paragraf
 |
| 7.1 Script |
 |
| 7.2 Hasil script |
Terimakasih, semoga bermanfaat untuk menambah pengetahuan teman-teman .
Wassalamualaikum wr.wb
Referensi :
http://imaniania5.blogspot.co.id/2013/10/pengertiandefinisi-dan-fungsi-dari-css.html
https://id.wikipedia.org/wiki/Cascading_Style_Sheets
EmoticonEmoticon