CSS ?? ???? ?? ???
CSS ???
1. ?? ???
(1) "*" ???: ?????
?? : ?? HTML ??? ?????. , ?? ??? ?????.
??: *{ color:red }
??: "*"? ??? ?? ?????. IE6??? ???? ?? ??? ?????.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
*{
color:red;
}
</style>
</head>
<body>
<h1>習(xí)近平心中的互聯(lián)網(wǎng)</h1>
<p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們在不知不覺中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p>
</body>
</html> (2) ?? ???
?? : ??? HTML ??? ?????.
??: h1{ color:red }
??: CSS ?? ???? HTML ??? ??? ??? ?? ??? ??? ? ????. ???????.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
h1{
color:red;
}
p{
color:blue;
}
</style>
</head>
<body>
<h1>習(xí)近平心中的互聯(lián)網(wǎng)</h1>
<p>互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們在不知不覺中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p>
</body>
</html> (3) ??? ???(class selector) - ??? ???? ?? ?? ?????
??: HTML ?? ??? ???? ?????. ??? ???? "??? ???"? ? HTML ??? ??? ??? ?? ??? ?? ????? ????. ??? ??? ?? HTML ??? ?? ?? ?????.
??? ???? ??? "."?? ???? ?? HTML ??? ??? ?? ??? ?????. ?: .box{ color:red; }
??: HTML ??? ??? ?? ?? ??? ??? ? ????.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
.NO1{
color:red;
background-color:#88ff66;
}
</style>
</head>
<body>
<h1 class="NO1">習(xí)近平心中的互聯(lián)網(wǎng)</h1>
<p class="NO1">互聯(lián)網(wǎng)是20世紀(jì)最偉大的發(fā)明，它正在將人類“一網(wǎng)打盡”，人們在不知不覺中已經(jīng)融入了互聯(lián)網(wǎng)生態(tài)，互聯(lián)網(wǎng)讓世界變成了“雞犬之聲相聞”的地球村。</p>
</body>
</html> (4) id ???
?? : ??? ID? ?? ??? ???? ?????.
??:
????? ?? HTML ??? id ?? ?? ???? ???.
?? HTML ???? id?? ?? ??? ????.
id ??? ???? ???? ??? ?? JS?? ????? ?????. class ??? JS? ?? CSS?? ??? ? ????.
id ???? ??? "#"?? ???? ?? ? ?? HTML ??? id ?? ?? ?? ???.
