Friday, February 6, 2009

Link page with css file..

<-link href="style.css" rel="stylesheet" type="text/css">
  • Letak link kat atas ni dalam bahagian antara <-head> dan <-/head>
  • href = "style.css" ni kita gantikan ikut nama file css yang kita create..
So dengan ini page kita ni automatic akan link dengan file css dan kita boleh apply semua style class dalam css tersebut..

Contoh:

1. Kita ada file css nama style.css.. dan dalam file ni kita ada satu style class nama page..

/* Page */

#page {
width: 840px;
margin: 0 auto;
padding: 30px 20px 0px 20px;
background: #FFFFFF;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
}

2. Then kita nak apply style yang diberi nama page ni dalam div.. Disebabkan kita dah link kan page kita dengan css file.. so kita bolehlah panggil semula style css tersebut dengan menggunakan class and nama style tersebut..

<-div class="page"> bla bla bla <-/div>

No comments:

Post a Comment