HTML CSS
CSS(Cascading Style Sheets)? HTML ?? ??? ???? ????? ? ?????. ?? ?? ?? ?? ??? <body>? ???? ???? ????. <p> ??? ??? ??? ???? ??? ?? CSS? ?????.
CSS ?? ??
CSS? HTML 4?? ?????? HTML ??? ? ?? ???? ?? ???????.
CSS? ??? ?? ???? HTML? ??? ? ????.
??? ??? - HTML ???? "style" ??? ?????.
?? ??? sheet - CSS? ????? HTML ??? <head> ??? <style> ??? ?????
- ?? ?? CSS ??
? ???? HTML ??????? ??? CSS ???? ???? ??? ?????. ?? ??? ????? ????? ??? ? ?? ???? ??? ??? ? ??? ?? ?? ????.
? ???? CSS ???? CSS ????? ?? ? ?? CSS ??? ?? ? ????.
??? ???
??? ???? HTML ?? ??? style ??? ???? ?? ?????. ?? ??? ?????
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p style="color: red; margin-left: 20px"> 我是內(nèi)聯(lián)樣式 </p> </body> </html>
<p> ??? ???? ????? ?? ?? ???? ???? 20px ?????. px? ??? ?????.
?? ?? ??:
?? ??? ??
? ?? <P> ??? ????? ???? ? ?? ??? ?? ???? ??? ?? ??? ???? ??? ?? ? ?? <P> ??? CSS ???? ???? ???. 5,10<P> ??, ?? ?????? ?? ??? ??? ???? ???? ??? ?? <head> ??? <style> ??? ?? ?? ??? ??? ??? ? ????.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
<style type="text/css">
p{color: red}
</style>
</head>
<body>
<p>
我的顏色是在 head 標簽里面定義的
</p>
<p>
我的顏色是在 head 標簽里面定義的
</p>
<p>
我的顏色是在 head 標簽里面定義的
</p>
</body>
</html>?? ?? ??:
?? ??? ??
?? ??? ??? ?? ???? ???? ???? ?? ??? ?????.
?? ??? ??? <link> ??? ???? ?? CSS ??? ?????. ?? ??? ??? ???? ?? ??? ???? ?? ???? ??? ??? ? ????.
?? ?? <body>? ???? ?????, <h1> ??? ?????, <p> ; ????? ??? CSS ??? ??? ????.
body{background-color:yellow;}
p{color: blue;}
h1{color: red;}HTML ??? CSS ??? ?????
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> <link rel="stylesheet" type="text/css" href="first.css"> </head> <body> <h1>外部樣式表</h1> <p> 我的顏色是用外部樣式表定義的 </p> <p> 我的顏色是用外部樣式表定義的 </p> </body> </html>
???? ?? ??:
HTML 樣式標簽
? ?
| ? ? ? 描述 | ||||||
| ? ? <style> | ? ????文本樣式 | ||||||
| ? ??<link> | ? ????? ?? |
?
?? ?? <a> ?? ???? ??? ??? ?? CSS ???? ?????.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <a href="http://www.miracleart.cn/" style="text-decoration:none;">訪問 php.cn!</a> </body> </html>
???? ?? ??:
CSS ????? ???? ??? ??? ?? ??? ?????.
