Lompat ke konten Lompat ke sidebar Lompat ke footer

Belajar Css (Cascading Style Sheets)

Fungsi dan Kegunaan CSS

HTML (Hypertext Markup Laguage) dan CSS (Cascading Style Sheets) merupakan bagian tak terpisahkan dari teknologi pemrograman web terbaru saat ini. HTML dibuat dan digunakan untuk menampilkan konten dan merupakan kerangka logis dari suatu halaman situs web, sedangkan CSS berfungsi menertibkan beberapa gaya / style unsur-unsur HTML seperti mengubah jenis font, ukuran font, perataan, dan pengaturan yang lain dalam dokumen HTML.

Penggunaan CSS lebih disarankan ketimbang menggantikan jenis font dan pengaturan lainnya dengan menggunakan atribut HTML. CSS lebih mudah dipraktekkan karena untuk merubah banyak unsur HTML dengan style yang serupa cuma dengan mengembangkan satu style, beda dengan kalau dengan memakai HTML yang diharuskan mengganti setiap atributnya.

Perhatikan pola berikut :

 merupakan bagian tak terpisahkan dari teknologi pemrograman web modern saat ini Belajar CSS (Cascading Style Sheets)
performa di atas kalau menggunakan instruksi html biasa, bisa ditulis dengan aba-aba sepert ini :
Script 1 :



   Test Warna tanpa CSS
  >Saya duduk di kursi Sekolah
Sekolah Menengah kejuruan Al-Manshuriyah.

Sekarang aku sedang menempuh pendidikan di kelas
X Semester 2

jurasan Teknik Komputer Jaringan TKJ.

Kemudian jikalau menggunakan CSS maka ditulis mirip script berikut, dan akan menciptakan tampilan yang sama.
Script 2 :


   Test Warna dengan CSS
   


Saya duduk di dingklik Sekolah
SMK Al-Manshuriyah.

Sekarang saya sedang menempuh pendidikan di kelas
X Semester 2

jurasan Teknik Komputer Jaringan TKJ.

Coba amati jika kita ingin megubah warna merah pada halaman web di atas  :
Pada Sript1 : kita harus mengganti nilai atribut color dari tag font, sebanyak tag font. Dalam hal ini kita harus melakukan pergeseran sebanyak 3 kali.
Pada Sript2 : kita hanya mengganti nilai color pada tag style saja. Dalam hal ini kita cuma melakukan perubahan sebanyak 1 kali.

Jadi dengan CSS kita dipermudah dalam melakukan pergantian tampilan halaman web. Dengan CSS kita mampu merubah performa dari sebuah halaman web tanpa mesti mengganti isi halaman tersebut.

Mari kita perlajari bahan selanjutnya perihal CSS :
1. Pengertian CSS
2. Cara Meng-input kode CSS ke dalam HTML