Perkenalan Lagi Css Tingkat Lanjut
Di sini akan dijelaskan bagaimana cara membuat CSS tingkat lanjut ini adalah lanjutan dari artikel sebelumnya yang kemarin yaitu "Sedikit Perkenalan Lagi Css"Seperti css yang sebelumnya...kita bisa gunakan file External atau Internal, untuk mengingatkan oke saya akan ulangi lagi tehnik menggunakan file css external contoh:file eksternal CSS anda adalah "style.css"
Css Eksternal:
<head>
<link
rel="stylesheet" type="text/css"
href="style.css">
</head>
Css Internal:
<head>
<style type="text/css">
.style1
{
font-family: Verdana;
font-size: 17pt;
color: red;
}
</style>
</head>
Kita mulai...
- class
- id
- span
++ class
contoh penggunaan
class:
-------
.style1 {
font-family: Verdana;
font-size:
17pt;
color: red;
}
-------
Penggunaan:
-------
<p
class="style1">Tes</p>
-------
hasilnya:
++ id
contoh penggunaan id:
-------
#header
{
width: 90%;
background: black;
font-size: 30px;
color: white;
}
-------
Penggunaan:
-------
<div id="header">stuff</div>
-------
hasilnya:
++ span
penggunaan <span> sama dengan "class"
di atas
contoh:
-------
.style1 {
font-family:
Verdana;
font-size: 17pt;
color: red;
}
-------
Penggunaan:
-------
<span class="style1">affected
text</span>
-------
Hasilnya:
Sekian CSS Advance
untuk hari ini
apa bila ada pertanyaan, tulis account di bawah ini :D~
1 komentar:
cuman nembak keyword aja bro....hahahahaha
Posting Komentar