HTML CSS

1. CSS ?? ??

Cascading Style Sheet(????? ??? ??)? "CSS"??? ??, ????? "??? ??(Style Sheet)"??? ?? ? ???? ???? ? ?????. ???? ???????. ?? ?? ?? ??? ???? ?? ? ????? ???? ???? ? ?? ???? ????? ??? ??? ????? ??? ??? ??????. ??? ??? ???? HTML? ? ?? ?? ??? ???? ??? ? ????. ??? ??? ??? ???? ???? ? ???? ??? ?? ????? ??? ? ????. ????? ??? ??? ???? ? ??? ??? ??? ??? ???? ???? ?? ??? ???? ??? ??? ? ????.

CSS? English Cascading Style Sheets(Cascading Style Sheets)? ??? HTML?? XML ?? ?? ???? ???? ? ???? ??? ?????. CSS? ?? ??? ? ??? ??? ???? ??? ??? ? ?? ??? ??? ??? CSS3???. ???? HTML? ??? ???? CSS? ? ????? ??? ??? ????? ?? ?? ??? ??? ??? ??? ? ?? ?? ?? ?? ?? ???? ???? ? ??? ?? ? ?? ???? ??? ? ??? ?? ??? ??? ? ????. ???? ?? ??? ?????? ???? ?? ?? ???? ??? ??? ?????. CSS? ??? ???? ?? ??? ?? ?? ??? ?????? ????? ?? ??? ???? ?? ?? ? ??? ????.

2. CSS ?? ??

??? ????? ??? ??? ???? ???? ? ??? ????.

??? ??? - HTML ??? ???" ???"

?? ??? ?? - CSS? ????? HTML ??? <head> ??? <style> ??? ?????. ??>

?? ?? - ?? CSS ?? ??

? ???? ???? ????.

?? ?? ??? ??? ???? ???? ????? ?? ???? ?????

?? ?? ?????
? ??? ? ????. ?? ??? ?? ??? ???? ???? ???? ?? ?? ? ???? ???? ?? ? ????? ??? ??? ?????. ???? ????? ??? ?? ?? ??? ???? ? ?? ???? ?? ?? ??? ??? ??? ??? ?? ???? ?????. ????? ?? ??? ??? ?? ??? ???? ???? ??? Common.css? ?? ?? ???? .css? ????. ?? ?? ??? ?? ? ???? ??? ???? ?????.
<link href="/css/Common.css" rel="stylesheet" type="text/css"/ > ;

?? ????? ???? ????? ?? ?? ??? ??? ??? ? ????. ?? ??? ??? ????? <HEAD> ?? ?? "??"?? ??? ??? ?????. ??? ??? ??? ???? ??? ? ?????? ??? ? ????. ?:

<style type="text/css">

body {Background:grey ;}

</style>

??? ???? ???? ? ??? ??? ??? ??? ?? ??? ?????. ?:

<pstyle="@importurl('style3.css');">CSS ??</p>



? ???? ?? ??? ??? ??? ?? ? ?????? ??? ??? ?? ?? ???? ?? ???? ??? ??? ????? ??????. ??? ??.

? ????? ?? ??? ??? ???? ????? ?? ??? ??? ?? ?? ??? ???? ? ???? ??? ??? ?????. ?? ??? ??? ??? ? ??? ?? ??? ?? ? ???, ?? ???? ??? ? ??? ?? ???? ?? ? ???? ??? ? ????.

??? ???? ?? 1? ?? ?? HTML ??? ? ???? ??? ?? ??? ?? ?? ?? ??? ??? ??? ??? ?? ID ???? ?????. ? ??? ??? ???? ????? ???? ???? ??? ???? ??? ?? ???? ?????.

Microsoft FrontPage 2000??? ?? ?? ??? ??? ???? ?? ?????. ?: ?? ??? ??? ? ??? ??? ???? ?? ?? ??? ??? ???? FrontPage? ?? ??? ?? ??? ??? ??? ???? ?????(?: <pstyle=" border-style) : ???">). ??? ?? ??? ????? CSS? ???? ?? ?? ??? ????? HTML? ???? ???. CSS? ???? ??? ???? ????? ?? ??? ??(? ??? ?? ?? ??? ??)? ???? ??? ?? ID ??? ?? ??? ???? ??? ? ????.

?? 1

Background-color ??? ??? ???? ?????.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head>
<body style="background-color: green;">
<h2 style="background-color: red;">標題</h2>
<p style="background-color: blue;">內(nèi)容</p>
</body>
</html>

?? 2

font-family(??), ??(??) ? ?? ??(?? ??) ) ??? ?????. ?? ???? ?????:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head>
<body>
<h1 style="font-family:verdana;">文字的標題</h1>
<p style="font-family:arial;color:red;font-size:20px;">下面是一句話。</p>
</body>
</html>

? 3

text-align(??? ??) ??? ???? ?? ? ?? ???? ?????. ??:

????

???? ??

||

??? ??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h2 style="background-color: yellow;">標題</h2> <p style="text-align:center;">居中對齊的內(nèi)容</p> <p style="font-family:arial;color:red;font-size:20px;">下面是一句話。</p> </body> </html>

?????? ???
????