Pengertian CSS dan Cara menggunakannya
Pengertian CSS
CSS (Cascading Style Sheed) adalah sebuah bahasa yang berbasis text yang digunakan untuk mempercantik halaman web sehingga menjadi menarik. Kemampuan dari CSS yaitu mampu merubah tampilan mulai dari background, border, font, gambar, warna dan lain-lain.
Sedangkan cara untuk menggunakan CSS ada3, yaitu:
1. Inline Style adalah penggunaan perintah CSS langsung pada satu elemen HTML pada satu halaman. Contoh:
<p style="color:#FF0000"> Aku suka minum kopi sambil bergadang </p>
2. Embedded Style adalah perintah CSS yang digunakan dalam semua elemen HTML, tap masih dalam satu halaman. Caranya dengan menambahkah tag <style> didalam elemen <head>. Contoh:
<html>
<head>
<title> Embedded Style </title>
<style> p {color: #FF0000;} </style>
</head>
<body>
<p> Aku suka minum kopi sambil bergadang</p>
</body>
</html>
3. Linked Style adalah sebuah cara yang digunakan untuk merubah semua elemen HTML pada semua halaman web. Cara penggunaannya dengan menanamkan selector (selector id atau selector class) didalam halaman HTML. setelah itu buat sebuah file dengan nama style.css. Contoh:
<html>
<head>
<title> Linked Style </title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="warna">
<p> Aku suka minum kopi sambil bergadang</p>
</div>
</body>
</html>
simpan dengan nama contoh.html
untuk source code pada file style.css nya
/* CSS Document */
.warna {
color:#FF0000;
}
0 komentar:
Post a Comment