Pada kali ini saya akan lanjutkan jenis penerapan kode CSS didalam dokumen HTML yang mana pada artikel sebelumnya sudah saya bahas penerapan kode css secara inline. Dan bagi yang belum tahu, apakah yang dimaksud dengan internal CSS??
internal CSS adalah penulisan kode CSS yang di tulis di dalam tag <style>, penerapan kode seperti ini juga disebut Embeded CSS. Tag <style> biasanya ditulis di dalam tag <head>. Bisa juga ditulis di dalam <body>,
namun lebih banyak atau sering ditulis di dalam <head>. Berikut di bawah contoh penerapan kode CSS secara internal/ embeded CSS :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Internal CSS</title>
<!-- penulisan internal css dalam tag head -->
<style type="text/css">
p{
font-family: serif;
line-height: 1.75em;
font-size: 12px;
}
i {
font-family: sans;
color: orange;
}
</style>
<body><!-- penulisan internal css dalam tag body -->
<style type="text/css">
h2 {
font-family: sans;
color: #333;
}
</style>
<h2>Ini judul artikel</h2>
<p>Ini adalah contoh penerapan kode CSS secara <i>internal atau embeded</i></p>.<br />
</body>
Demikian contoh penerapan kode CSS secara internal, semoga bisa bermanfaat bagi yang baru belajar kode CSS.
0 komentar:
Posting Komentar