Assalamualaikum Wr. Wb.
Selamat datang di ProgramPc pada postingan kali ini saya akan menjelaskan Pengertian dan Fungsi CSS.
Pengertian CSS
CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML.
Jadi CSS adalah kode program yang digunakan untuk mendesain tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML.
Selamat datang di ProgramPc pada postingan kali ini saya akan menjelaskan Pengertian dan Fungsi CSS.
Pengertian CSS
CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML.
Jadi CSS adalah kode program yang digunakan untuk mendesain tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML.
CSS
biasanya selalu dikaitkan dengan HTML. HTML berfungsi untuk membuat
struktur, atau konten dari halaman web. Sedangkan CSS berfungsi untuk
tampilan dari halaman web tersebut.
Fungsi CSS
CSS berfungsi merubah atau design halaman website agar lebih menarik dari pada menggunakan tag-tag HTML.
Contoh sebagai berikut:
Pertama buka text editor( disini saya menggunakan notepad++) anda lalu ketik seperti tulisan di bawah ini.
Pertama buka text editor( disini saya menggunakan notepad++) anda lalu ketik seperti tulisan di bawah ini.
<html>
<head>
<title>ProgramPc</title>
<style> p.style1{color:blue;}
p.style2{color:red;}</style>
</head>
<body>
<p class="style1">Paragraf kesatu warna biru</p>
<p class="style2">Paragraf kedua warna merah</p>
<p>Paragraf ketiga normal warna hitam</p>
</body>
</html>
Lalu simpan file itu dengan nama css.html, open with file tersebut menggunakan Mozilla Firefox atau browser internet yang anda punya maka hasilnya akan seperti ini.
Jika anda ingin merubah warna paragraf 1 dan paragraf 2, maka anda tinggal ubah tulisan red blue dan red dengan warna yang anda inginkan.
Cukup sekian postingan kali ini semoga bermanfaat, kurang lebihnya mohon maaf apabila ada kesalahan penulisan kata.
EmoticonEmoticon