CSS ? Apa itu css dan pentingkah ?
Selamat pagi para pecinta online, kali ini Oim Info ingin berbagi sedikit tentang apa itu CSS dan pentingkah ? sebelum mempelajari CSS ada baiknya pelajari terlebih dahulu apa itu HTML, bisa kalian baca di artikel tentang Pengenalan HTML, disini http://oiminfo.net/2015/04/pengenalan-html-dan-css.html
CSS (Casading Stylesheet) merupakan script untuk memperindah design tampilan blog kita, sehingga blog yang kita punya menjadi semakin lebih menarik untuk dilihat. Jika kalian bertanya pentingkah CSS untuk dipelajari ? jawabannya iya, penting sekali.
Bagi blogger menarik peminat pengunjung untuk mampir dan membaca artikel pada blog adalah sebuah PR dan salah satu cara supaya blog tersebut diminati adalah dengan mempercantik tampilan pada blog. Nah, untuk mempercantik sebuah blog dibutuhkan pengentahuan tentang script CSS.
Syntax CSS terdiri dari beberapa aturan yaitu : 1 selector, 1 property, dan 1 value
format penulisannya : selector {property : value}
Selector itu menunjukan bagian mana yang hendak diatur. Property untuk menunjukan bagian selector yang hendak diatur dan Value adalah nilai dari pengaturannya.
Sudah bingung ? supaya tidak bingung berikut contoh penulisan CSS yang paling sederhana.
<html>
<head>
<title>Contoh CSS</title>
<style type="text/css">
h1 {color:green}
</style> </head>
<body><h1>Text ini berwarna hijau</h1></body>
</html>
<head>
<title>Contoh CSS</title>
<style type="text/css">
h1 {color:green}
</style> </head>
<body><h1>Text ini berwarna hijau</h1></body>
</html>
contoh diatas menunjukan :
- selector : h1
- property : color
- value : red
 |
| Output pengaplikasian css sederhana |
kalian juga bisa menggunakan berbagai macam selector yaitu dengan cara memisahkannya dengan menggunakan koma(,). Contoh ingin mengatur tag h1, h2, h3, dan h4 menggunakan warna merah, maka kode CSS menjadi :
h1,h2,h3,h4 {color : red}
contoh :
<html>
<head><title>Contoh CSS</title>
<style type="text/css">
h1,h2,h3,h4 {color:green}
</style>
</head>
<body>
<h1>Text ini berwarna hijau</h1>
<h2>Text ini berwarna hijau</h2>
<h3>Text ini berwarna hijau</h3>
<h4>Text ini berwarna hijau</h4>
</body>
</html>
Output yang dihasilkan
 |
| Output pengaplikasian CSS dengan banyak selector |
jika kalian ingin menambahkan property lain dalam satu selector maka cukup dipisahkan dengan titik koma (;). contoh :
<html>
<head><title>Contoh CSS</title>
<style type="text/css">
color:blue;
font-size:30px;
font-family:Times New Roman;
}
</style>
</head>
<body>
<h1>Text ini berwarna biru dengan ukuran 30</h1>
<h2>Text ini berwarna biru dengan ukuran 30</h2>
<h3>Text ini berwarna biru dengan ukuran 30</h3>
<h4>Text ini berwarna biru dengan ukuran 30</h4>
</body>
</html>
<html>
<head><title>Contoh CSS</title>
<style type="text/css">
h1,h2,h3,h4 {
color:blue;
font-size:30px;
font-family:Times New Roman;
}
</style>
</head>
<body>
<h1>Text ini berwarna biru dengan ukuran 30</h1>
<h2>Text ini berwarna biru dengan ukuran 30</h2>
<h3>Text ini berwarna biru dengan ukuran 30</h3>
<h4>Text ini berwarna biru dengan ukuran 30</h4>
</body>
</html>
output yang dihasilakan
 |
| Output pengaplikasian CSS dengan banyak property |
Demikianlah informasi seputar CCS yang bisa Oim info bagikan, semoga bermanfaat ^^
Posting Komentar untuk "CSS ? Apa itu css dan pentingkah ?"
Kalau emang artikel ini bermanfaat, tidak ada salahnya meninggalkan komentar, tanya-tanya, tapi jangan tinggalkan link ya? jika masih ngeyel tahu sendiri apa akibatnya? ya betul dihapus selamanya hehe, tenang akan ada kunjungan balik kok.. sabar