Pengenalan CSS
CSS singkatan dari Cascading Style Sheets.
CSS menjelaskan bagaimana elemen HTML ditampilkan di layar, kertas, atau media lainnya
CSS banyak digunakan untuk tampilan dan desain.
CSS bisa menghemat waktu dan mengurangi pekerjaan karena bisa digunakan untuk beberapa file.
Syyntax CSS
Declaration Block berisi satu atau lebih declatrasi(declaration) yang dipisahkan oleh titik koma.
Setiap declarasi mencakup nama property CSS dan nilainya(value), dipisahkan oleh titik dua.
Deklarasi CSS selalu berakhir dengan titik koma, dan declaration block dikelilingi oleh kurung kurawal.
Pada contoh berikut semua elemen <p> akan berada di tengah-tengah, dengan warna teks merah:
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Contoh paragraf</p>
</body>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Contoh paragraf</p>
</body>
Hasil :
Contoh paragraf
Cara Penggunaan CSS
Ada 3 Cara menggunakan CSS :
- Internal
- Eksternal
- Inline
Internal CSS
Penggunaan internal CSS yaitu dengan membuat CSS di bagian <head> dari HTML yang anda buat dengan menggunakan tag <style>.
Contoh :
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
Eksternal CSS
Penggunaan Eksternal CSS yaitu dengan membuat CSS di file yang terpisah dari HTML yang dibuat, file tersebut dipanggil ke HTML yang anda buat. File CSS disimpan dengan ekstensi .css
Contoh :
Cara memanggil file CSS eksternal di HTML
<head>
<style>
<link rel="stylesheet" type="text/css" href="nama_css.css">
</style>
</head>
Contoh File CSS :
p {
color: red;
text-align: center;
}
color: red;
text-align: center;
}
Inline CSS
penggunaan CSS inline yaitu dengan menulis Script CSS pada attribut style di dalam tag yang ingin kita rubah.
Contoh :
<p style="color: red; text-align: center;">Contoh paragraf</p>
0 komentar:
Posting Komentar