embedded style pada CSS

Bookmark and Share

Pada cara ini, semua kode CSS ditulis di tag <style> dan </style> dan di tempatkan pada bagian header dokumen html(di dalama tag <head>). Kode CSS yang ditulis seperti ini hanya akan berlaku untuk satu dokumen yang bersangkutan saja. Jika anda menggunakan kode CSS tersebut dari dokumen lain, maka anda perlu menyalin kode CSS bersangktan ke dokumen lain yang di tuju. Attribute TYPE pada tag <style> harus diisi dengan “text/css”.  Beriku contoh dasar embedded style: 

<html>
<head>
<title> embedded style </title>
<style type=”text/css”>
body{
background: black;
color: white;
}
</style>

</head>
<body>
…………..
</body>
</html>

dan berikut contoh pengaplikasian dalam kode HTML
<html>
<head>
<title> CSS </title>
<style type="text/css">
body{
background: black;
color: white;
}
h2{
color: yellow;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<h2> embedded style </h2>
<p>contoh embeded style</p>
</body>
</html>

{ 0 komentar... Views All / Send Comment! }

Posting Komentar