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"

Untuk meng menggabungkan file CSS eksternal anda dengan index.htm: semua CSS letak-kan pada tag "<head>" baik itu file external atau internal

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~

Sumber dari situs php dengan judul Advance CSS

1 komentar:

dyatmika mengatakan...

cuman nembak keyword aja bro....hahahahaha

Posting Komentar

Writer History

Foto Saya
Global Science Arek Sby
Surabaya, Jawa Timur, Indonesia
Penulis hanya Insan biasa yang penuh kesederhanaan Ingin bersahabat dengan siapapun yang mau mendorong untuk maju bersama..Salam saya Dwi Purwanto...!
Lihat profil lengkapku

Recent Posts

Recent Comment

Banner My Link

Link My Sohib

Blogroll Banner

Copy kode dibawah  akan saya link back.!

  © Blogger template 'Converted' by Pena Arek Surabaya 2008

Back to TOP