\u6551\u547d\u7684\u7f51\u9875\u5236\u4f5c\u554a
\u4f60\u53bb\u767e\u5ea6\u4e0a\u641c\u4e9b\u6a21\u677f\uff0c\u591a\u641e\u4e00\u4e9b\uff0c\u81ea\u5df1\u7efc\u5408\u4e00\u4e0b\u5c31\u53ef\u4ee5\u4e86
\u8fd9100\u5206\u4e0d\u597d\u635e\u7684\uff0c\u4eba\u5bb6\u505a\u4e00\u5957\u7f51\u9875\u6709\u7684\u8981\u6536\u51e0\u767e\u5230\u51e0\u5343\uff0c100\u5206\u5c31\u53ef\u4ee5\u5f53\u51e0\u5343\u5757\u94b1\u82b1\u5417\uff0c\u90a3\u6211\u4e0d\u4e5f\u6709\u597d\u51e0\u4e07\u5757\u4e86
\u8fd9\u662f\u6211\u5728\u5927\u5b66\u5b66\u7684\u77e5\u8bc6
\u7ed9\u4f60\u501f\u9274\u4e00\u4e0b \uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u5e2e\u52a9
\u7f51\u9875\u8bbe\u8ba1\u6559\u7a0b
\u6587\u5b57\u64cd\u4f5c\uff08\u4e00\uff09
1\u3001\u6bb5\u843d \u2026\u2026
\u5728dreamweaver\u8bbe\u8ba1\u754c\u9762\u4e2d\uff0center\uff08\u56de\u8f66\uff09\u5373\u4e3a\u53e6\u8d77\u4e00\u6bb5\u3002
2\u3001\u6362\u884c
\u5728dreamweaver\u8bbe\u8ba1\u754c\u9762\u4e2d\uff0cshift+enter\u5373\u4e3a\u53e6\u8d77\u4e00\u6bb5\u3002
3\u3001\u6807\u98981~6 \u2026\u2026
\u6807\u98981\u6700\u5927\uff0c\u4f9d\u6b21\u53d8\u5c0f\u3002
4\u3001\u7a7a\u683c:
Dreamweaver \u53ea\u5141\u8bb8\u4e00\u6b21\u7a7a\u683c\uff0c\u5982\u679c\u9700\u8981\u4f7f\u7528\u8fde\u7eed\u7a7a\u683c\uff0c\u5219\u9700\u8981\u8bbe\u7f6e\uff0c\u6216\u4f7f\u7528 \uff1b
\u6216\u4f7f\u7528\u5feb\u6377\u952e\uff1actrl+shift+space\uff08\u7a7a\u683c\u952e\uff09
5\u3001\u6c34\u5e73\u7ebf
size:\u6c34\u5e73\u7ebf\u7684\u7c97\u7ec6
width:\u957f\u5ea6
align:\u5bf9\u9f50\u65b9\u5f0f
\u6587\u5b57\u64cd\u4f5c\uff08\u4e8c\uff09
\u4e00\u3001\u51e0\u4e2a\u6587\u5b57\u7279\u6b8a\u6548\u679c
1\u3001\u52a0\u7c97
2\u3001\u503e\u659c
3\u3001\u4e0a\u6807\uff08\u9002\u5408\u7528\u4ee3\u7801\u6765\u5b9e\u73b0\uff0c\u8bbe\u8ba1\u4e2d\u65e0\u6cd5\u5b8c\u6210\uff09
4\u3001\u4e0b\u6807\uff08\u9002\u5408\u7528\u4ee3\u7801\u6765\u5b9e\u73b0\uff0c\u8bbe\u8ba1\u4e2d\u65e0\u6cd5\u5b8c\u6210\uff09
\u968f\u7740css\u7684\u9010\u6e10\u666e\u53ca\uff0c\u6587\u5b57\u7684\u6548\u679c\u90fd\u66f4\u591a\u7684\u901a\u8fc7css\u6765\u5b9e\u73b0\uff0c\u4ee5\u4e0a\u7684\u51e0\u4e2a\u6807\u7b7e\u4f5c\u4e3a\u4e86\u89e3\u5373\u53ef\u3002
\u4e8c\u3001\u6587\u5b57\u5217\u8868
1\u3001\u65e0\u5e8f\u5217\u8868
\u65e0\u5e8f\u5217\u8868\u6709\u4e24\u4e2a\u6807\u7b7e\u548c
CSS\u6559\u7a0b
DOM\u6559\u7a0b
XML\u6559\u7a0b
Flash\u6559\u7a0b
2\u3001\u6709\u5e8f\u5217\u8868
\u6709\u5e8f\u5217\u8868\u6709\u4e24\u4e2a\u6807\u7b7e\u548c
CSS\u6559\u7a0b
DOM\u6559\u7a0b
XML\u6559\u7a0b
Flash\u6559\u7a0b
\u56fe\u7247
\u4e00\u3001\u5982\u4f55\u83b7\u53d6\u56fe\u50cf
\u6700\u597d\u7684\u9014\u5f84\u662f\u901a\u8fc7\u4e92\u8054\u7f51
\u4e8c\u3001\u4f7f\u7528\u8bbe\u8ba1\u754c\u9762\u63d2\u5165\u56fe\u50cf
1\u3001\u83dc\u5355\uff08\u4e00\u4e2a\u56fe\u7247\u5c5e\u6027\uff1a\u66ff\u6362\u6587\u5b57\uff09
2\u3001\u5de5\u5177\u680f
3\u3001\u62d6\u66f3
\u4e09\u3001\u56fe\u50cf\u683c\u5f0f\u6269\u5c55\u9605\u8bfb\uff1a
http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.html
JPEG\u56fe\u50cf\u3001GIF\u56fe\u50cf\u3001PNG\u56fe\u50cf
\u56db\u3001\u4ee3\u7801
\u4e00\u3001\u8d85\u7ea7\u94fe\u63a5\u7684\u57fa\u672c\u77e5\u8bc6
1\u3001\u542b\u4e49\uff1a\u5b9e\u73b0\u7f51\u9875\u4e4b\u95f4\u7684\u8df3\u8f6c\u548c\u8054\u7cfb
2\u3001\u5206\u7c7b\uff1a
\u7edd\u5bf9\u94fe\u63a5 http://www.baidu.com
\u76f8\u5bf9\u94fe\u63a5 \u5728\u540c\u4e00\u7ad9\u70b9\u4e0d\u540c\u4f4d\u7f6e\u4e4b\u95f4\u7684\u94fe\u63a5
\u4e8c\u3001\u4e09\u79cd\u5e38\u89c1\u7684\u8d85\u7ea7\u94fe\u63a5
1\u3001\u6587\u5b57\u94fe\u63a5\u767e\u5ea6
2\u3001\u56fe\u50cf\u94fe\u63a5
3\u3001\u56fe\u50cf\u70ed\u70b9\u94fe\u63a5
===============
\u8fd8\u6709\u4e0d\u662f\u592a\u5e38\u7528\u7684\u94fe\u63a5
1\u3001\u7a7a\u8fde\u63a5 \u7a7a\u8fde\u63a5
2\u3001\u951a\u94fe\u63a5:\u5728\u540c\u4e00\u9875\u9762\u7684\u4e0d\u540c\u4f4d\u7f6e\u8df3\u8f6c
\u4e09\u3001\u94fe\u63a5\u7684\u5c5e\u6027
\u94fe\u63a5\u76ee\u6807 \u767e\u5ea6
\u8868\u5355\u8bbe\u8ba1
\u4e00\u3001\u8bbe\u8ba1\u754c\u9762
1\u3001\u5355\u5143\u683c\u95f4\u8ddd
2\u3001\u5355\u5143\u683c\u8fb9\u8ddd
\u4e8c\u3001\u4ee3\u7801
1\u3001\u4ece\u5c5e\u5173\u7cfb\uff1a\u8868\u683c\u7531\u884c\u7ec4\u6210\uff0c\u884c\u7531\u5355\u5143\u683c\u7ec4\u6210\u3002
\u8868\u683c\uff1a\u2026\u2026
\u884c\uff1a\u2026\u2026
\u5355\u5143\u683c\uff1a\u2026\u2026
2\u3001\u6807\u7b7e\u7684\u5c5e\u6027
bgcolor:\u80cc\u666f\u8272
cellspacing:\u8868\u683c\u7684\u5355\u5143\u683c\u95f4\u8ddd\uff08\u95f4\u8ddd\uff09
cellpadding:\u8868\u683c\u7684\u5355\u5143\u683c\u8fb9\u8ddd\uff08\u586b\u5145\uff09
\u6587\u5b57\u5360\u636e\u4e00\u884c
\u6587\u5b57\u4e0d\u5360\u636e\u4e00\u884c
\u3001html\u5f15\u5165css\u7684\u51e0\u79cd\u65b9\u6cd5
1\u3001\u94fe\u63a5\u5f0f
\u5c06css\u4ee3\u7801\u5199\u5728\u4e00\u4e2a\u72ec\u7acb\u7684\u6587\u4ef6\u4e2d\uff0c\u6587\u4ef6\u7684\u6269\u5c55\u540d\u4e3a.css\u3002\u7136\u540e\u5728html\u7f51\u9875\u4e2d\u4f7f\u7528\u6807\u7b7e\u5c06\u5916\u90e8css\u6587\u4ef6\u653e\u5728\u4e4b\u95f4\u3002\u4e3e\u4f8b\uff1a
\u65e0\u6807\u9898\u6587\u6863
2\u3001\u5d4c\u5165\u5f0f
\u5c06Css\u4ee3\u7801\u5199\u5728\u4e4b\u95f4\uff0c\u5e76\u4e14\u7528\u5305\u542b\u8d77\u6765\uff0c\u5982\u679c\u8003\u8651\u5230\u517c\u5bb9\u6027\uff0c\u53ef\u4ee5\u518d\u4f7f\u7528 \u5c06css\u4ee3\u7801\u5305\u542b\u5176\u4e2d\u3002
\u65e0\u6807\u9898\u6587\u6863
<!--
p {
font-family: "\u6977\u4f53_GB2312";
font-size: 18px;
}
-->
1\uff0e\u6807\u7b7e\u9009\u62e9\u5668\uff1a
\u5c31\u662f\u7f51\u9875\u5143\u7d20\u672c\u8eab\uff0c\u6240\u6709\u7684XHTML\u6846\u67b6\u4e2d\u7684\u6807\u7b7e\u90fd\u53ef\u4ee5\u4f5c\u4e3aCSS\u6837\u5f0f\u7684\u9009\u62e9\u5668\uff0c\u5982\u5b9a\u4e49\u6bb5\u843d\u6837\u5f0f\uff0c\u6211\u4eec\u53ef\u4ee5\u9009\u62e9P\u6807\u7b7e\u7684\u540d\u79f0\uff0c\u5373\u628aP\u4f5c\u4e3a\u9009\u62e9\u5668\u3002P{/*\u5b9a\u4e49\u6bb5\u843d\u5c5e\u6027*/}\u3002\u5982\u679c\u5b9a\u4e49\u4e86\u6807\u7b7e\u6837\u5f0f\uff0c\u5219\u6574\u4e2a\u7f51\u9875\u4e2d\u4f7f\u7528\u4e86\u8be5\u6807\u7b7e\u90fd\u4f1a\u5e94\u7528\u8fd9\u4e2a\u6837\u5f0f\u3002\u4e00\u822c\u5e94\u7528\u5728\u7edf\u4e00\u6587\u6863\u7684\u67d0\u4e2a\u5143\u7d20\u7684\u663e\u793a\u6837\u5f0f\u4e2d\u3002
2\uff0eID\u9009\u62e9\u5668\uff1a
\u5b83\u662f\u552f\u4e00\u7684\uff0c\u7f51\u9875\u4e2d\u4e0d\u540c\u7684\u5143\u7d20\u5b83\u7684ID\u662f\u4e0d\u4e00\u6837\u7684\u3002\u800c\u4e14\u4e00\u4e2a\u5143\u7d20\u5b83\u53ea\u80fd\u5e94\u7528\u4e00\u4e2aID\u3002\u56e0\u4e3a\u5982\u679c\u6211\u4eec\u4f7f\u7528Javascript\u6765\u63a7\u5236\u7f51\u9875\u5143\u7d20\u7684\u65f6\u5019\u5b83\u662f\u901a\u8fc7ID\u6765\u5b9e\u73b0\u7684\uff0c\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\u5c31\u65e0\u6cd5\u6b63\u5e38\u5de5\u4f5c\u4e86\u3002\u5b83\u5728\u5b9a\u4e49\u7684\u65f6\u5019\u7528#\u5f00\u59cb\uff0c\u5b83\u5728\u5e94\u7528\u7684\u65f6\u5019\u7528id=\u201d\u201d\u3002\u5b83\u7684\u540d\u79f0\u7531\u8bbe\u8ba1\u8005\u6765\u786e\u5b9a\u3002
3\uff0e \u7c7b\u9009\u62e9\uff1a
\u5b83\u7684\u540d\u79f0\u4e5f\u662f\u7531\u8bbe\u8ba1\u8005\u6765\u786e\u5b9a\u7684\uff0c\u5b83\u5728\u5b9a\u4e49\u7684\u65f6\u5019\u7528\u70b9\u53f7\u5f00\u59cb\uff0c\u5e94\u7528\u7684\u65f6\u5019\u7528class=\u201c\u201d\uff1b\u5b83\u4e0eID\u9009\u62e9\u5668\u6240\u4e0d\u540c\u7684\u662f\u5b83\u5177\u6709\u4e00\u5bf9\u591a\u7684\u7279\u6027\u800cID\u662f\u4e00\u5bf9\u4e00\u7684\u7279\u6027\u3002\u4e5f\u5c31\u662f\u8bf4\u4e00\u4e2a\u7c7b\u9009\u62e9\u5668\u5b83\u53ef\u4ee5\u5e94\u7528\u5230\u591a\u4e2a\u7f51\u9875\u5143\u7d20\u4e2d\u800c\u4e14\u4e00\u4e2a\u5143\u7d20\u53ef\u4ee5\u5e94\u7528\u591a\u4e2a\u7c7b\uff0c\u4e00\u4e2a\u5143\u7d20\u4e5f\u53ef\u4ee5\u5e94\u7528\u4e24\u4e2a\u7c7b\u6837\u5f0f\uff0c\u4e2d\u95f4\u7528\u7a7a\u683c\u5206\u5f00\uff0c\u4f46\u4e0d\u80fd\u662f\u4e09\u4e2a\u6216\u8005\u66f4\u591a\u3002\u5728\u540c\u7b49\u6761\u4ef6\u4e0b\uff0cID\u5177\u6709\u6bd4class\u66f4\u9ad8\u7684\u4f18\u5148\u6743\u3002
1\u3001\u590d\u6742\u7c7b\u9009\u62e9\u5668
p.one{color:red}
\u5b9e\u4f8b\uff1a
.one{color:red;}
p.two{color:blue;}
.one\u53ef\u4ee5\u7528\u4e8e\u5404\u79cd\u6807\u7b7e\uff1b\u800c\u3002two\u53ea\u80fd\u7528\u4e8ep\u6807\u7b7e\u3002
2\u3001\u540e\u4ee3\u9009\u62e9\u5668
div p{color:#00FF00}
\u4f8b\u5b50\uff1a
\u8fd9\u662f\u4e00\u4e2a\u6807\u9898\u3002
\u6211\u662f\u4e00\u4e2a\u5175\u3002
3\u3001\u7ec4\u5408\u9009\u62e9\u5668\uff08\u96c6\u4f53\u58f0\u660e\uff09
p\uff0ch1\uff0c.one{color:red}
4\u3001\u901a\u7528\u9009\u62e9\u5668
\u5bf9html\u6587\u6863\u7684\u6240\u6709\u5143\u7d20\u8fdb\u884c\u63a7\u5236\u3002
*{color\uff1ared\uff1b}
5\u3001\u4f2a\u7c7b\u9009\u62e9\u5668
a:link;hover;visited;active
\u6216\u8005\uff1aa.one:link;a#two:link
\u5f53\u7528css\u5b9a\u4e49\u94fe\u63a5\u7684\u5404\u79cd\u72b6\u6001\u65f6\uff0c\u4e00\u5b9a\u8981\u6ce8\u610f\u5176\u4e66\u5199\u987a\u5e8f\uff0c\u5373\uff1a:link :visited :hover :active\u3002
\u5982\u679c\u4e0d\u6309\u7167\u8be5\u987a\u5e8f\u4e66\u5199\u53ef\u80fd\u65e0\u6cd5\u8fbe\u5230\u81ea\u5df1\u5e0c\u671b\u7684\u6548\u679c\u3002
\u4e00\u3001\u5c5e\u6027
1.\u5927\u5c0f font-size
\u5927\u5c0f\u5c31\u662f\u5b57\u53f7\uff0c\u53ef\u4ee5\u76f4\u63a5\u586b\u5165\u6570\u5b57\uff0c\u7136\u540e\u9009\u62e9\u5355\u4f4d\u3002
2.\u6837\u5f0f
font-style
\u8bbe\u7f6e\u6587\u5b57\u7684\u5916\u89c2\uff0c\u5305\u62ec\u6b63\u5e38\u3001\u659c\u4f53\u3001\u504f\u659c\u4f53\u3002
3.\u884c\u9ad8 line-height
\u8fd9\u9879\u8bbe\u7f6e\u5728\u7f51\u9875\u5236\u4f5c\u79cd\u5f88\u5e38\u7528\u3002\u8bbe\u7f6e\u884c\u9ad8\uff0c\u53ef\u4ee5\u9009\u62e9\u201c\u6b63\u5e38\u201d\uff0c\u8ba9\u8ba1\u7b97\u673a\u81ea\u52a8\u8c03\u6574\u884c\u9ad8\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u6570\u503c\u548c\u5355\u4f4d\u7ed3\u5408\u7684\u5f62\u5f0f\u81ea\u884c\u8bbe\u7f6e\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u5355\u4f4d\u5e94\u8be5\u548c\u6587\u5b57\u7684\u5355\u4f4d\u4e00\u81f4\uff0c\u884c\u9ad8\u7684\u6570\u503c\u662f\u5305\u62ec\u5b57\u53f7\u6570\u503c\u5728\u5185\u7684\u3002\u4f8b\u5982\uff0c\u6587\u5b57\u8bbe\u7f6e\u4e3a12pt\uff0c\u5982\u679c\u8981\u521b\u5efa\u4e00\u500d\u884c\u8ddd\uff0c\u5219\u884c\u9ad8\u5e94\u8be5\u4e3a24pt\u3002
4.\u4fee\u9970 font-decoration
\u6587\u672c\u7684\u7279\u6b8a\u6837\u5f0f\uff1a\u4e0a\u4e0b\u5212\u7ebf\u3001\u5220\u9664\u7ebf\u3001\u95ea\u70c1\uff08IE\u4e0d\u652f\u6301\u6b64\u6548\u679c\uff09
5.\u7c97\u7ec6 font-weight
\u8bbe\u7f6e\u6587\u5b57\u7684\u52a0\u7c97\u8fd8\u662f\u53d8\u7ec6\u7684\u6548\u679c\u3002
6.\u989c\u8272 color
\u8bbe\u7f6e\u6587\u5b57\u7684\u8272\u5f69\u3002
\u989c\u8272\u7684\u8868\u793a\u65b9\u6cd5\u5e38\u89c1\u7684\u6709RGB\u6a21\u5f0f\u3001\u5341\u516d\u8fdb\u5236\u6a21\u5f0f\u548c\u540d\u79f0\u6a21\u5f0f\u3002
7.\u5b57\u4f53 font-family
\u8bbe\u7f6e\u6587\u5b57\u7684\u5b57\u4f53\uff0c\u6ce8\u610f\u591a\u4e2a\u5b57\u4f53\u7684\u9009\u62e9\u3002
8.\u6587\u672c\u5bf9\u9f50 text-align
\u8bbe\u7f6e\u6587\u672c\u7684\u6c34\u5e73\u5bf9\u9f50\u65b9\u5f0f\u3002 \u8fd9\u91cc\u4e5f\u4e0d\u4ec5\u4ec5\u5c40\u9650\u4e8e\u6587\u5b57\uff0c\u6cdb\u6307\u6240\u5305\u542b\u7684\u5185\u5bb9\u3002
9.\u6587\u5b57\u7f29\u8fdb text-indent
\u8fd9\u662f\u6700\u91cd\u8981\u7684\u9879\u76ee\u3002\u4e2d\u6587\u6587\u5b57\u7684\u9996\u884c\u7f29\u8fdb\u5c31\u662f\u7531\u5b83\u6765\u5b9e\u73b0\u7684\u3002\u9996\u5148\u586b\u5165\u5177\u4f53\u7684\u6570\u503c\uff0c\u7136\u540e\u9009\u62e9\u5355\u4f4d\u3002\u6587\u5b57\u7684\u7f29\u8fdb\u548c\u5b57\u53f7\u8981\u4fdd\u6301\u7edf\u4e00\u3002\u5982\u5b57\u53f7\u4e3a12px\uff0c\u50cf\u521b\u5efa\u4e24\u4e2a\u4e2d\u6587\u81ea\u7684\u7f29\u8fdb\u6548\u679c\uff0c\u6587\u5b57\u7f29\u8fdb\u5c31\u5e94\u8be5\u4e3a18px\u3002
\u4e8c\u3001\u5c5e\u6027\u503c\uff1acss\u4e2d\u7684\u5355\u4f4d
1\u3001\u5927\u5c0f\u5355\u4f4d\uff1apx\u548cem
2\u3001\u989c\u8272\u5355\u4f4d\uff1ared\u548c#00ff00
\u4e09\u3001css\u80cc\u666f
1\u3001\u80cc\u666f\u8272\uff1abackground-color: \uff085-1\uff09
2\u3001\u80cc\u666f\u56fe\u7247\uff1abackground-image:url(^);\uff085-3\uff09
3\u3001\u80cc\u666f\u56fe\u7247\u7684\u91cd\u590d\u65b9\u5f0f\uff1abackground-repeat\uff1a\uff085-5\uff09
4\u3001\u80cc\u666f\u56fe\u7247\u7684\u4f4d\u7f6e\uff1abackground-position\uff1atop right\uff1b\uff0830% 70%;\u6c34\u5e73\u4f4d\u7f6e \u5782\u76f4\u4f4d\u7f6e\uff09(300px 30px;)\uff085-8\uff09
5\u3001\u80cc\u666f\u56fe\u7247\u7684\u56fa\u5b9a\u4e0e\u5426\uff1abackground-attachment\uff1ascroll\uff1b\uff08fixed\uff1b\uff09\u80cc\u666f\u662f\u5426\u4e0e\u7f51\u9875\u5185\u5bb9\u4e00\u8d77\u6eda\u52a8\u3002\uff085-10\uff09
fixed\uff1a\u80cc\u666f\u4e0d\u52a8\uff0c\u5185\u5bb9\u52a8\uff1bscroll\uff1a\u80cc\u666f\u548c\u5185\u5bb9\u4e00\u8d77\u6eda\u52a8
6\u3001\u80cc\u666f\u56fe\u7247\u7684\u7efc\u5408\u6837\u5f0f\uff1abackground\uff1ablue url(\u2026\u2026) no-repeat fixed 5px 10px;
7\u3001\u5217\u8868\u6837\u5f0f\uff1alist-style\uff1a
