COMPUTER LEARNING CENTER
WWW.HUUKHANG.COM
Thay vì chuoãi ABC seõ coù ñònh daïng laø FONT: 10px Arial, Helvetica, sans-serif thì chuùng
seõ coù ñònh daïng cuûa FONT: 11px Arial, Helvetica, sans-serif.
Chuù yù raèng, trong moãi trang web baïn phaûi khai baùo theû style vaø ñònh nghóa thoáng nhaát
cho caùc theû. Khi coù söï thay ñoåi baïn phaûi thay ñoåi trong moïi trang web. Ñeå söû duïng
chung cho moïi trang web trong öùng duïng, baïn caàn xaây döïng moät taäp tin style, taäp tin
ñöôïc bieát ñeán vôùi teân goïi custom style sheet (css).
Baát kyø trang web naøo trong öùng duïng, muoán aùp duïng kieåu ñònh daïng trong taäp tin css
thì khai baùo lieân keát taäp tin css baèng theû link.
Ví duï, chuùng ta khai baùo taäp tin style.css bao goàm caùc ñònh daïng nhö ví duï 6-2.
Ví duï 6-2: Khai baùo taäp tin css
A {
COLOR: #003063;
TEXT-DECORATION:
none
}
A:hover {
COLOR: #003063;
TEXT-DECORATION:
underline
}
A:link {
FONT-WEIGHT: bold;
COLOR: red;
TEXT-DECORATION:
none
}
A:visited {
FONT-WEIGHT: bold;
COLOR: black;
TEXT-DECORATION:
none
}
.title {
FONT-WEIGHT: bold;
FONT-SIZE:
14px;
COLOR:
#003063;
}
.text{
FONT: 11px Arial, Helvetica, sans-serif
}
Sau ñoù trong trang PHP, baïn khai baùo lieân keát taäp tin naøy baèng theû link, neáu muoán aùp
duïng ñònh daïng naøy trong moãi theû HTML baïn söû duïng thuoäc tính class nhö khai baùo
ñònh daïng cuûa theû style ngay trong trang ñoù nhö ví duï 6-3.
Ví duï 6-3: Khai baùo söû duïng taäp tin css
<html>
<head>
<title>
Welcome to Link Style Sheet File
</title>
<LINK href="style.css" rel=stylesheet>
<META
http-equiv=Content-Type
content="text/html;
charset=utf-8">
</head>
<body>
<h4>Style
File</h4>
<TABLE cellSpacing=0 cellPadding=0
width="100%" border=0>
Giaùo vieân: Phaïm Höõu Khang
