CSS adalah singkatan dari Cascading Style Sheets. Bahasa ini digunakan untuk memperindah tampilan sebuah website. Dari wikipedia CSS dijelaskan sebagai sekumpulan kode yang dipergunakan untuk men-defenisi-kan desain dari bahasa markup. Salah satunya diintegrasikan dengn mark up HTML.
Secara sederhananya CSS diartikan sebagai kode bahasa yang difungsikan dalam mendesain website dengan tujuan memperindah website. Tampilan default dari sebuah halaman HTML bisa di make up dengan CSS ini.
Pada umumnya CSS digunakan beriringan dengan HTML. Kedua bahasa ini akan saling melengkapi dalam meningkatkan performa tampilan website. HTML digunakan berfokus pada content, sementara CSS berfokus sebagai presentator.
<!DOCTYPE html>
<html>
<head>
<title>Modifikasi HTML Only</title>
</head>
<body>
<p>
CSS berguna sekali dalam <font color="red">mendesain web</font>.
Apa kamu tahu itu
<br />
<font color="red">CSS </font> biasa digunakan dengan <font color="red">HTML</font>.
<br />
nIni sebuah contoh halamandi modif tanpa menggunakan
<font color="red">CSS</font>
Warna Tulisan di modif dengan tag HTML saja.
</p>
</body>
</html>
Dari contoh di atas warna huruf diganti menggunakan kode HTML saja.Pada setiap kaat yang diganti warna akan di sisipkan tag <font color ="red">. Karena artike pendek ini mudah untuk menggunakan tag tersebut. Begitu juga jika ingin mengubah warna merah menjadi hijau. Saya akan ulang lagi untuk menganti tag dengan <font color="green">.
Pada kasus lain jika artikel tersebut terdiri dari banyak kata CSS yang ingin saya ubah. Cukup mebuat waktu untuk melakukan hal tersebut. Dengan demikian digunakanlah CSS agar ketika mengedit atau menambahkan style khusus lebih mudah. Contohnya jalankan kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>ibahasapemograman</title>
<style type="text/css">
.huruf {
color: blue;
}
</style>
</head>
<body>
<p>
<span class="huruf"> CSS </span> adalah Cuma Sayang Saya.
Eh salah maksudnya <span class="huruf"> CSS</span> itu Cascading Style Sheets
<br />
<span class="huruf">CSS </span>ok itu yang benar ya dan sering dipakai dengan HTML
<br />
Dengan <span class ="huruf" >CSS</span> mengedit tampilan lebih ampang loh
</p>
</body>
</html>
Ketika dijalankan, semua kata CSS akan berwarna biru tampilannya. Ketika ingin mengubah menjadi warna merah maka cukup diganti pada bagian kode CSS saja.yaitu kode yang diwarnai biru. color: blue diganti menjadi color : red. Otomatis semua akan berganti merah. Silahkan anda coba. Inilah fungsi CSS. Dibandingkan dengan kode pertama, dimana anda harus melakukan perubahan pada setiap tag.
Pada penulisan CSS ini, ibaratnya CSS ini sebuah defenisi fungsi. Kemudian akan dipanggil dengan penulisan < span class="nama defenisi"> Teks yang akan dikenakan aksi </span>. Jadi ketika ingin mengedit cukup pernyataan fungsi itu saja yang di edit. Ini perumpamaan saja ya.
Secara sederhananya CSS diartikan sebagai kode bahasa yang difungsikan dalam mendesain website dengan tujuan memperindah website. Tampilan default dari sebuah halaman HTML bisa di make up dengan CSS ini.
Pada umumnya CSS digunakan beriringan dengan HTML. Kedua bahasa ini akan saling melengkapi dalam meningkatkan performa tampilan website. HTML digunakan berfokus pada content, sementara CSS berfokus sebagai presentator.
Kegunaan CSS
CSS ditujukan pada awlanya karena kebutuhan kompleks sebuah halaman website. Sebelumnya sebuah halaman HTML memang bisa dibuat tampilan khusus. Seperti memberikan warna pada sebuah kata, mmberi background halaman website dan sebagainya. Sebagai contoh berikut sebuah halaman web yangdi modifikasi hanya dengan HTML.<!DOCTYPE html>
<html>
<head>
<title>Modifikasi HTML Only</title>
</head>
<body>
<p>
CSS berguna sekali dalam <font color="red">mendesain web</font>.
Apa kamu tahu itu
<br />
<font color="red">CSS </font> biasa digunakan dengan <font color="red">HTML</font>.
<br />
nIni sebuah contoh halamandi modif tanpa menggunakan
<font color="red">CSS</font>
Warna Tulisan di modif dengan tag HTML saja.
</p>
</body>
</html>
Dari contoh di atas warna huruf diganti menggunakan kode HTML saja.Pada setiap kaat yang diganti warna akan di sisipkan tag <font color ="red">. Karena artike pendek ini mudah untuk menggunakan tag tersebut. Begitu juga jika ingin mengubah warna merah menjadi hijau. Saya akan ulang lagi untuk menganti tag dengan <font color="green">.
Pada kasus lain jika artikel tersebut terdiri dari banyak kata CSS yang ingin saya ubah. Cukup mebuat waktu untuk melakukan hal tersebut. Dengan demikian digunakanlah CSS agar ketika mengedit atau menambahkan style khusus lebih mudah. Contohnya jalankan kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>ibahasapemograman</title>
<style type="text/css">
.huruf {
color: blue;
}
</style>
</head>
<body>
<p>
<span class="huruf"> CSS </span> adalah Cuma Sayang Saya.
Eh salah maksudnya <span class="huruf"> CSS</span> itu Cascading Style Sheets
<br />
<span class="huruf">CSS </span>ok itu yang benar ya dan sering dipakai dengan HTML
<br />
Dengan <span class ="huruf" >CSS</span> mengedit tampilan lebih ampang loh
</p>
</body>
</html>
Ketika dijalankan, semua kata CSS akan berwarna biru tampilannya. Ketika ingin mengubah menjadi warna merah maka cukup diganti pada bagian kode CSS saja.yaitu kode yang diwarnai biru. color: blue diganti menjadi color : red. Otomatis semua akan berganti merah. Silahkan anda coba. Inilah fungsi CSS. Dibandingkan dengan kode pertama, dimana anda harus melakukan perubahan pada setiap tag.
Pada penulisan CSS ini, ibaratnya CSS ini sebuah defenisi fungsi. Kemudian akan dipanggil dengan penulisan < span class="nama defenisi"> Teks yang akan dikenakan aksi </span>. Jadi ketika ingin mengedit cukup pernyataan fungsi itu saja yang di edit. Ini perumpamaan saja ya.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment