-->
Belajar Css (Cascading Style Sheets)
4/ 5 stars - "Belajar Css (Cascading Style Sheets)" Fungsi dan Kegunaan CSS HTML ( Hypertext Markup Laguage ) dan CSS ( Cascading Style Sheets ) merupakan potongan tak terpisahkan dari te...

Belajar Css (Cascading Style Sheets)



Fungsi dan Kegunaan CSS

HTML (Hypertext Markup Laguage) dan CSS (Cascading Style Sheets) merupakan potongan tak terpisahkan dari teknologi pemrograman web modern dikala ini. HTML dibentuk dan dipakai untuk menampilkan konten dan merupakan kerangka logis dari sebuah halaman website, sedangkan CSS berfungsi mengatur beberapa gaya / style elemen-elemen HTML menyerupai mengganti jenis font, ukuran font, perataan, dan pengaturan lainnya dalam dokumen HTML.

Penggunaan CSS lebih dianjurkan daripada menggantikan jenis font dan pengaturan lainnya dengan memakai atribut HTML. CSS lebih gampang diterapkan sebab untuk merubah banyak elemen HTML dengan style yang sama hanya dengan menyebarkan satu style, beda dengan jikalau dengan memakai HTML yang diharuskan merubah setiap atributnya.

Perhatikan teladan berikut :

 merupakan potongan tak terpisahkan dari teknologi pemrograman web modern dikala ini Belajar CSS (Cascading Style Sheets)
tampilan di atas jikalau memakai isyarat html biasa, dapat ditulis dengan isyarat sepert ini :
Script 1 :
<html>
<head>
<body>
   <title>Test Warna tanpa CSS</title>
  </head
>Saya duduk di dingklik Sekolah
<font color="red"> Sekolah Menengah kejuruan Al-Manshuriyah</font>. <br>
Sekarang aku sedang menempuh pendidikan di kelas
<font color="red"> X Semester 2</font><br>
jurasan Teknik Komputer Jaringan <font color="red"> TKJ</font>.
</body> </html>

Kemudian jikalau memakai CSS maka ditulis menyerupai script berikut, dan akan menghasilkan tampilan yang sama.
Script 2 :
<html>
<head>
   <title>Test Warna dengan CSS</title>
   <style type="text/css">
     .warna {
       color: red;

     }
   </style>
</head>
<body>
Saya duduk di dingklik Sekolah
<span class=warna> Sekolah Menengah kejuruan Al-Manshuriyah</span>. <br>
Sekarang aku sedang menempuh pendidikan di kelas
<span class=warna> X Semester 2</span><br>
jurasan Teknik Komputer Jaringan <span class=warna> TKJ</span>.
</body>
</html>
Coba perhatikan jikalau kita ingin megubah warna merah pada halaman web di atas  :
Pada Sript1 : kita harus merubah nilai atribut color dari tag font, sebanyak tag font. Dalam hal ini kita harus melaksanakan perubahan sebanyak 3 kali.
Pada Sript2 : kita hanya merubah nilai color pada tag style saja. Dalam hal ini kita hanya melaksanakan perubahan sebanyak 1 kali.

Kaprikornus dengan CSS kita dipermudah dalam melaksanakan perubahan tampilan halaman web. Dengan CSS kita dapat merubah tampilan dari suatu halaman web tanpa harus merubah isi halaman tersebut.

Mari kita perlajari materi selanjutnya mengenai CSS :
1. Pengertian CSS
2. Cara Meng-input isyarat CSS ke dalam HTML