{"id":27,"date":"2007-06-15T14:23:11","date_gmt":"2007-06-15T06:23:11","guid":{"rendered":"http:\/\/www.cnmiss.cn\/?p=26"},"modified":"2010-12-02T06:32:07","modified_gmt":"2010-12-02T06:32:07","slug":"css%e6%95%99%e7%a8%8b%e2%80%93%e5%8d%81%e6%ad%a5%e5%ad%a6%e4%bc%9a%e7%94%a8css%e5%bb%ba%e7%ab%99%e5%85%a8","status":"publish","type":"post","link":"https:\/\/www.cnmiss.cn\/?p=27","title":{"rendered":"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)"},"content":{"rendered":"

\u76ee\u5f55\uff1a<\/b>\n\n\u7b2c\u4e00\u6b65\uff1a\u89c4\u5212\u7f51\u7ad9\uff0c\u672c\u6559\u7a0b\u5c06\u4ee5\u56fe\u793a\u4e3a\u4f8b\u6784\u5efa\u7f51\u7ad9\uff1b
\u7b2c\u4e8c\u6b65\uff1a\u521b\u5efahtml\u6a21\u677f\u53ca\u6587\u4ef6\u76ee\u5f55\u7b49\uff1b
\u7b2c\u4e09\u6b65\uff1a\u5c06\u7f51\u7ad9\u5206\u4e3a\u4e94\u4e2adiv\uff0c\u7f51\u9875\u57fa\u672c\u5e03\u5c40\u7684\u57fa\u7840\uff1b
\u7b2c\u56db\u6b65\uff1a\u7f51\u9875\u5e03\u5c40\u4e0ediv\u6d6e\u52a8\u7b49\uff1b
\u7b2c\u4e94\u6b65\uff1a\u7f51\u9875\u4e3b\u8981\u6846\u67b6\u4e4b\u5916\u7684\u9644\u52a0\u7ed3\u6784\u7684\u5e03\u5c40\u4e0e\u8868\u73b0\uff1b
\u7b2c\u516d\u6b65\uff1a\u9875\u9762\u5185\u7684\u57fa\u672c\u6587\u672c\u7684\u6837\u5f0f(css)\u8bbe\u7f6e\uff1b
\u7b2c\u4e03\u6b65\uff1a\u7f51\u7ad9\u5934\u90e8\u56fe\u6807\u4e0elogo\u90e8\u5206\u7684\u8bbe\u8ba1\uff1b
\u7b2c\u516b\u6b65\uff1a\u9875\u811a\u4fe1\u606f(\u7248\u6743\u7b49)\u7684\u8868\u73b0\u8bbe\u7f6e\uff1b
\u7b2c\u4e5d\u6b65\uff1a\u5bfc\u822a\u6761\u7684\u5236\u4f5c(\u8f83\u96be)\uff1b
\u7b2c\u5341\u6b65\uff1a\u89e3\u51b3ie\u6d4f\u89c8\u5668\u7684\u663e\u793abug\uff1b\n\n\u7b2c\u4e00\u6b65\uff1a\u89c4\u5212\u7f51\u7ad9\uff0c\u672c\u6559\u7a0b\u5c06\u4ee5\u56fe\u793a\u4e3a\u4f8b\u6784\u5efa\u7f51\u7ad9<\/b>\n\n1.\u89c4\u5212\u7f51\u7ad9\uff0c\u672c\u6559\u7a0b\u5c06\u4ee5\u4e0b\u56fe\u4e3a\u4f8b\u6784\u5efa\u7f51\u7ad9\u3002
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u5176\u57fa\u672c\u5e03\u5c40\u89c1\u4e0b\u56fe\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u4e3b\u8981\u7531\u4e94\u4e2a\u90e8\u5206\u6784\u6210\uff1a \n\n1.Main Navigation<\/b> \u5bfc\u822a\u6761\uff0c\u5177\u6709\u6309\u94ae\u7279\u6548\u3002 Width: 760px Height: 50px \n\n2.Header<\/b> \u7f51\u7ad9\u5934\u90e8\u56fe\u6807\uff0c\u5305\u542b\u7f51\u7ad9\u7684logo\u548c\u7ad9\u540d\u3002 Width: 760px Height: 150px \n\n3.Content<\/b> \u7f51\u7ad9\u7684\u4e3b\u8981\u5185\u5bb9\u3002 Width: 480px Height: Changes depending on content \n\n4.Sidebar<\/b> \u8fb9\u6846\uff0c\u4e00\u4e9b\u9644\u52a0\u4fe1\u606f\u3002 Width: 280px Height: Changes depending on \n\n5.Footer<\/b> \u7f51\u7ad9\u5e95\u680f\uff0c\u5305\u542b\u7248\u6743\u4fe1\u606f\u7b49\u3002 Width: 760px Height: 66px \n\n\u7b2c\u4e8c\u6b65\uff1a\u521b\u5efahtml\u6a21\u677f\u53ca\u6587\u4ef6\u76ee\u5f55\u7b49<\/b>
1.\u521b\u5efahtml\u6a21\u677f\u3002\u4ee3\u7801\u5982\u4e0b\uff1a\n\n\n\n

<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN"
"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text\/html; charset=UTF-8" \/>
<title>CompanyName – PageName<\/title>
<meta http-equiv="Content-Language" content="en-us" \/>
<meta http-equiv="imagetoolbar" content="no" \/>
<meta name="MSSmartTagsPreventParsing" content="true" \/>
<meta name="description" content="Description" \/>
<meta name="keywords" content="Keywords" \/>
<meta name="author" content="Enlighten Designs" \/>
<style type="text\/css" media="all">@import "css\/master.css";<\/style>
<\/head>
<body>
<\/body>
<\/html> <\/blockquote>\n\n\n\n
\u5c06\u5176\u4fdd\u5b58\u4e3aindex.html,\u5e76\u521b\u5efa\u6587\u4ef6\u5939css\uff0cimages\uff0c\u7f51\u7ad9\u7ed3\u6784\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n2.\u521b\u5efa\u7f51\u7ad9\u7684\u5927\u6846\uff0c\u5373\u5efa\u7acb\u4e00\u4e2a\u5bbd760px\u7684\u76d2\u5b50\uff0c\u5b83\u5c06\u5305\u542b\u7f51\u7ad9\u7684\u6240\u6709\u5143\u7d20\u3002
\u5728html\u6587\u4ef6\u7684<body>\u548c<\/body>\u4e4b\u95f4\u5199\u5165\n\n\n\n
<div id="page-container">
Hello world.
<\/div><\/blockquote>\n\n\n\n\u521b\u5efacss\u6587\u4ef6\uff0c\u547d\u540d\u4e3amaster.css,\u4fdd\u5b58\u5728\/css\/\u6587\u4ef6\u5939\u4e0b\u3002\u5199\u5165\uff1a\n\n\n\n
#page-container {
width: 760px;
background: red;
}<\/blockquote>\n\n\n\n\u63a7\u5236html\u7684id\u4e3apage-container\u7684\u76d2\u5b50\u7684\u5bbd\u4e3a760px\uff0c\u80cc\u666f\u4e3a\u7ea2\u8272\u3002\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u73b0\u5728\u4e3a\u4e86\u8ba9\u76d2\u5b50\u5c45\u4e2d\uff0c\u5199\u5165margin: auto;\uff0c\u4f7fcss\u6587\u4ef6\u4e3a\uff1a \n\n\n\n
#page-container {
width: 760px;
margin: auto;
background: red;
}<\/blockquote>\n\n\n\n\u73b0\u5728\u4f60\u53ef\u4ee5\u770b\u5230\u76d2\u5b50\u548c\u6d4f\u89c8\u5668\u7684\u9876\u7aef\u67098px\u5bbd\u7684\u7a7a\u9699\u3002\u8fd9\u662f\u7531\u4e8e\u6d4f\u89c8\u5668\u7684\u9ed8\u8ba4\u7684\u586b\u5145\u548c\u8fb9\u754c\u9020\u6210\u7684\u3002\u6d88\u9664\u8fd9\u4e2a\u7a7a\u9699\uff0c\u5c31\u9700\u8981\u5728css\u6587\u4ef6\u4e2d\u5199\u5165\uff1a\n\n\n\n
html, body {
margin: 0;
padding: 0;
}<\/blockquote>\n\n\n\n
\u7b2c\u4e09\u6b65\uff1a\u5c06\u7f51\u7ad9\u5206\u4e3a\u4e94\u4e2adiv\uff0c\u7f51\u9875\u57fa\u672c\u5e03\u5c40\u7684\u57fa\u7840:<\/b>\n\n1.\u5c06\u201c\u7b2c\u4e00\u6b65\u201d\u63d0\u5230\u7684\u4e94\u4e2a\u90e8\u5206\u90fd\u653e\u5165\u76d2\u5b50\u4e2d\uff0c\u5728html\u6587\u4ef6\u4e2d\u5199\u5165\uff1a \n\n\n\n
<div id="page-container">
<div id="main-nav">Main Nav<\/div>
<div id="header">Header<\/div>
<div id="sidebar-a">Sidebar A<\/div>
<div id="content">Content<\/div>
<div id="footer">Footer<\/div>
<\/div><\/blockquote>\n\n\n\n\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n2.\u4e3a\u4e86\u5c06\u4e94\u4e2a\u90e8\u5206\u533a\u5206\u5f00\u6765\uff0c\u6211\u4eec\u5c06\u8fd9\u4e94\u4e2a\u90e8\u5206\u7528\u4e0d\u540c\u7684\u80cc\u666f\u989c\u8272\u6807\u793a\u51fa\u6765\uff0c\u5728css\u6587\u4ef6\u5199\u5165\uff1a\n\n\n\n
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}<\/blockquote>\n\n \n\n\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u7b2c\u56db\u6b65\uff1a\u7f51\u9875\u5e03\u5c40\u4e0ediv\u6d6e\u52a8\u7b49\uff1a<\/b>\n\n1.\u6d6e\u52a8\uff0c\u9996\u5148\u8ba9\u8fb9\u6846\u6d6e\u52a8\u5230\u4e3b\u8981\u5185\u5bb9\u7684\u53f3\u8fb9\u3002\u7528css\u63a7\u5236\u6d6e\u52a8:\n\n\n\n
#sidebar-a {
float: right;
width: 280px;
background: darkgreen;
}<\/blockquote>\n\n\n\n
\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n2.\u5f80\u4e3b\u8981\u5185\u5bb9\u7684\u76d2\u5b50\u4e2d\u5199\u5165\u4e00\u4e9b\u6587\u5b57\u3002\u5728html\u6587\u4ef6\u4e2d\u5199\u5165\uff1a\n\n\n\n
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
<\/div><\/blockquote>\n\n\n\n\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u4f46\u662f\u4f60\u53ef\u4ee5\u770b\u5230\u4e3b\u8981\u5185\u5bb9\u7684\u76d2\u5b50\u5360\u636e\u4e86\u6574\u4e2apage-container\u7684\u5bbd\u5ea6\uff0c\u6211\u4eec\u9700\u8981\u5c06#content\u7684\u53f3\u8fb9\u754c\u8bbe\u4e3a280px\u3002\u4ee5\u4f7f\u5176\u4e0d\u548c\u8fb9\u6846\u53d1\u751f\u51b2\u7a81\u3002\n\ncss\u4ee3\u7801\u5982\u4e0b\uff1a\n\n\n\n
#content {
margin-right: 280px;
background: green;
}<\/blockquote>\n\n\n\n\u540c\u65f6\u5f80\u8fb9\u6846\u91cc\u5199\u5165\u4e00\u4e9b\u6587\u5b57\u3002\u5728html\u6587\u4ef6\u4e2d\u5199\u5165\uff1a \n\n\n\n
<div id="sidebar-a">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
<\/div><\/blockquo\n\nte>\n\n\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u8fd9\u4e5f\u4e0d\u662f\u6211\u4eec\u60f3\u8981\u7684\uff0c\u7f51\u7ad9\u7684\u5e95\u6846\u8dd1\u5230\u8fb9\u6846\u7684\u4e0b\u8fb9\u53bb\u4e86\u3002\u8fd9\u662f\u7531\u4e8e\u6211\u4eec\u5c06\u8fb9\u6846\u5411\u53f3\u6d6e\u52a8\uff0c\u7531\u4e8e\u662f\u6d6e\u52a8\uff0c\u6240\u4ee5\u53ef\u4ee5\u7406\u89e3\u4e3a\u5b83\u4f4d\u4e8e\u6574\u4e2a\u76d2\u5b50\u4e4b\u4e0a\u7684\u53e6\u4e00\u5c42\u3002\u56e0\u6b64\uff0c\u5e95\u6846\u548c\u5185\u5bb9\u76d2\u5b50\u5bf9\u9f50\u4e86\u3002
\u56e0\u6b64\u6211\u4eec\u5f80css\u4e2d\u5199\u5165\uff1a\n\n\n\n
#footer {
clear: both;
background: orange;
height: 66px;
}<\/blockquote>\n\n\n\n
\u8868\u73b0\u5982\u4e0b\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u7b2c\u4e94\u6b65\uff1a\u7f51\u9875\u4e3b\u8981\u6846\u67b6\u4e4b\u5916\u7684\u9644\u52a0\u7ed3\u6784\u7684\u5e03\u5c40\u4e0e\u8868\u73b0\uff1a<\/b>\n\n\u7b2c\u4e94\u6b65\u4e3b\u8981\u4ecb\u7ecd\u9664\u7f51\u9875\u4e3b\u8981\u6846\u67b6\u4e4b\u5916\u7684\u9644\u52a0\u7ed3\u6784\u7684\u8868\u73b0(Layout),\u5305\u62ec\u4ee5\u4e0b\u5185\u5bb9:
1.\u4e3b\u5bfc\u822a\u6761\uff1b
2.\u6807\u9898(heading),\u5305\u62ec\u7f51\u7ad9\u540d\u548c\u5185\u5bb9\u6807\u9898\uff1b
3.\u5185\u5bb9\uff1b
4.\u9875\u811a\u4fe1\u606f,\u5305\u62ec\u7248\u6743,\u8ba4\u8bc1,\u526f\u5bfc\u822a\u6761(\u53ef\u9009)\u3002\n\n\u52a0\u5165\u8fd9\u4e9b\u7ed3\u6784\u65f6\uff0c\u4e3a\u4e86\u4e0d\u7834\u574f\u539f\u6709\u6846\u67b6\uff0c\u6211\u4eec\u9700\u8981\u5728css\u6587\u4ef6"body"\u6807\u7b7e(TAG)\u4e0b\u52a0\u5165:\n\n\n\n
.hidden {
display: none;
}<\/blockquote>\n\n\n\n".hidden"\u5373\u6211\u4eec\u52a0\u5165\u7684\u7c7b(class),\u8fd9\u4e2a\u7c7b\u53ef\u4ee5\u4f7f\u9875\u9762\u4e0a\u4efb\u610f\u5c5e\u4e8ehidden\u7c7b\u7684\u5143\u7d20(element)\u4e0d\u663e\u793a\u3002\u8fd9\u4e9b\u4f1a\u5728\u7a0d\u540e\u4f7f\u7528\uff0c\u73b0\u5728\u8bf7\u6682\u65f6\u5fd8\u8bb0\u5b83\u3002\n\n\u73b0\u5728\u6211\u4eec\u52a0\u5165\u6807\u9898(heading):<\/b>\n\n\u5148\u56de\u5230HTML\u7684\u4ee3\u7801\uff0c<h1>\u5230<h6>\u662f\u6211\u4eec\u5e38\u7528\u7684html\u6807\u9898\u4ee3\u7801\u3002\u6bd4\u5982\u6211\u4eec\u4e00\u822c\u7528<h1>\u7f51\u7ad9\u540d<\/h1>\uff0c<h2>\u7f51\u7ad9\u526f\u6807\u9898<\/h2>,<h3>\u5185\u5bb9\u4e3b\u6807\u9898<\/h3>\u7b49\u3002\u6211\u4eec\u5f80html\u6587\u4ef6\u7684Header\u5c42(Div)\u52a0\u5165:\n\n\n\n
<div id="header">
<h1>Enlighten Designs<\/h1>
<\/div><\/blockquote>\n\n\n\n\u5237\u65b0\u4e00\u4e0b\u9875\u9762\uff0c\u4f60\u5c31\u53ef\u4ee5\u770b\u5230\u5de8\u5927\u7684\u6807\u9898\uff0c\u548c\u6807\u9898\u5468\u56f4\u7684\u7a7a\u767d\uff0c\u8fd9\u662f\u56e0\u4e3a<h1>>\u6807\u7b7e\u7684\u9ed8\u8ba4\u5927\u5c0f\u548c\u8fb9\u8ddd(margin)\u9020\u6210\u7684\uff0c\u5148\u8981\u6d88\u9664\u8fd9\u4e9b\u7a7a\u767d,\u9700\u8981\u52a0\u5165\uff1a\n\n\n\n
h1 {
margin: 0;
padding: 0;
}<\/blockquote>\n\n\n\n\u63a5\u4e0b\u6765\u662f\u5bfc\u822a\u6761\uff1a<\/b>\n\n\u63a7\u5236\u5bfc\u822a\u6761\u8868\u73b0\u7684css\u4ee3\u7801\u76f8\u5bf9\u6bd4\u8f83\u590d\u6742\uff0c\u6211\u4eec\u5c06\u5728\u7b2c\u4e5d\u6b65\u6216\u662f\u7b2c\u5341\u6b65\u4e2d\u8be6\u7ec6\u4ecb\u7ecd\u3002\u73b0\u5728html\u6587\u4ef6\u52a0\u5165\u5bfc\u822a\u4ee3\u7801\uff1a\n\n\n\n
<div id="main-nav">
<ul>
<li id="about"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >About<\/a><\/li>
<li id="services"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Services<\/a><\/li>
<li id="portfolio"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Portfolio<\/a><\/li>
<li id="contact"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Contact Us<\/a><\/li>
<\/ul>
<\/div><\/blockquote>\n\n\n\n(\u6ce8\uff1a\u539f\u6559\u7a0b\u4f7f\u7528\u4e86dl\u548cdt\uff0c\u5728\u8fd9\u4f7f\u7528\u4e86\u66f4\u5e38\u7528\u7684ul\u548cli\u6807\u7b7e)
\u76ee\u524d\u5bfc\u822a\u6761\u7684\u8868\u73b0\u6bd4\u8f83\u7cdf\u7cd5\uff0c\u4f46\u662f\u8981\u5728\u4ee5\u540e\u7684\u6559\u7a0b\u4e2d\u4ecb\u7ecd\u5176\u7279\u6b8a\u8868\u73b0\uff0c\u6545\u9700\u8981\u6682\u65f6\u9690\u85cf\u5bfc\u822a\u6761,\u4e8e\u662f\u52a0\u5165\uff1a\n\n\n\n
<div id="main-nav">
<dl class="hidden">
<dt id="about"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >About<\/a><\/dt>
<dt id="services"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Services<\/a><\/dt>
<dt id="portfolio"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Portfolio<\/a><\/dt>
<dt id="contact"><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Contact Us<\/a><\/dt>
<\/dl>
<\/div><\/blockquote>\n\n\n\n\u6211\u4eec\u8df3\u4e00\u6b65\uff0c\u5148\u5230\u9875\u811a\uff1a<\/b>\n\n\u9875\u811a\u5305\u62ec\u4e24\u90e8\u5206\uff1a\u5de6\u8fb9\u7684\u7248\u6743,\u8ba4\u8bc1\u548c\u53f3\u8fb9\u7684\u526f\u5bfc\u822a\u6761\u3002
\u6211\u4eec\u5148\u8981\u8ba9\u526f\u5bfc\u822a\u6761\u5411\u53f3\u6d6e\u52a8\uff0c\u5c31\u50cf\u4e4b\u524d\u5904\u7406Sidebar\u548cContent\u5173\u7cfb\u7684\u4e00\u6837\uff0c\u9700\u8981\u52a0\u5165\u4e00\u4e2a\u65b0\u7684\u5c42(div):\n\n\n\n
<div id="footer">
<div id="altnav">
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >About<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Services<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Portfolio<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Contact Us<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Terms of Trade<\/a>
<\/div>
<\/div><\/blockquote>\n\n\n\n\u7406\u8bba\u4e0a\uff0c\u6211\u4eec\u53ef\u4ee5\u63a7\u5236\u6e90\u6587\u4ef6\u4e0a\u7684\u4efb\u610f\u5143\u7d20\u7684\u6d6e\u52a8\uff0c\u4f46\u7531\u4e8eIE\u6d4f\u89c8\u5668\u7684BUG\uff0c\u88ab\u6d6e\u52a8\u5c42\u9700\u8981\u9996\u5148\u51fa\u73b0\u5728\u6e90\u6587\u4ef6\u4e0a\uff0c\u4e5f\u5c31\u662f\u8bf4\u6211\u4eec\u628a\u526f\u6807\u9898\u653e\u5728\u7248\u6743\u548c\u8ba4\u8bc1\u7684\u524d\u9762\uff1a\n\n\n\n
<div id="footer">
<div id="altnav">
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >About<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Services<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Portfolio<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Contact Us<\/a> –
<a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >Terms of Trade<\/a>
<\/div>
Copyright \u00a9 Enlighten Designs
Powered by <a href="http:\/\/www.enlightenhosting.com\/" >Enlighten Hosting<\/a> and
<a href="http:\/\/www.vadmin.co.nz\/" >Vadmin 3.0 CMS<\/a><\/div><\/blockquote>\n\n \n\n\u5237\u65b0\u4f60\u7684\u9875\u9762\uff0c\u4f60\u5c06\u770b\u5230\u5982\u4e0b\u6240\u793a(\u70b9\u51fb\u770b\u5927\u56fe)\uff1a
\"css\u6559\u7a0b\u2013\u5341\u6b65\u5b66\u4f1a\u7528css\u5efa\u7ad9(\u5168)<\/a>\n\n\u6700\u540e\u6211\u4eec\u56de\u5230\u5185\u5bb9\u90e8\u5206\uff1a<\/b>\u7528<h2<>\u8868\u73b0\u5185\u5bb9\u6807\u9898\u2013"About","Contact us"\uff1b\u7528<p>\u8868\u73b0\u6bb5\u843d\uff1b\u7528<\/br>\u65ad\u884c\u3002\n\n\n\n
<div id="content">
<h2>About<\/h2>
<p><strong>Enlighten Designs<\/strong> is an Internet solutions provider that specialises in
front and back end development. To view some of the web sites we have created view our
portfolio.<\/p>
<p>We are currently undergoing a 'face lift', so if you have any questions or would
like more information about the services we provide please feel free to contact us.<\/p>
<h2>Contact Us<\/h2>
<p>Phone: (07) 853 6060<br \/>
Fax: (07) 853 6060<br \/>
Email: <a href="mailto:info@enlighten.co.nz" >info@enlighten.co.nz<\/a><br \/>
P.O Box: 14159, Hamilton, New Zealand<\/p>
<p><a href="http:\/\/css.jorux.com\/wp-admin\/post.php#" >More contact information\u2026<\/a><\/p>
<\/div><\/blockquote>\n\n\n\n\u5237\u65b0\u9875\u9762\u53ef\u4ee5\u770b\u5230\u5728Content\u5c42\u4e2d\u53c8\u51fa\u73b0\u4e00\u4e9b\u7a7a\u767d\uff0c\u8fd9\u662f\u7531\u4e8e<h2><p>\u6807\u7b7e\u7684\u9ed8\u8ba4\u8fb9\u8ddd(margin)\u9020\u6210\u7684\uff0c\u6211\u4eec\u5fc5\u987b\u6d88\u9664\u8fd9\u4e9b\u607c\u4eba\u7684\u7a7a\u767d\uff0c\u5f53\u53c8\u4e0d\u60f3\u628a\u7f51\u9875\u4e2d\u6240\u6709\u7684<h2><p>\u6807\u7b7e\u5730\u8fb9\u8ddd\u90fd\u8bbe\u4e3a0\uff0c\u8fd9\u5c31\u9700\u8981\u4f7f\u7528css\u7684\u5b50\u9009\u62e9\u5668("child css selector"),\u5728html\u7684\u6587\u4ef6\u7ed3\u6784\u4e2d\uff0c\u6211\u4eec\u60f3\u63a7\u5236\u7684<h2><p>\u6807\u7b7e(child)\u662f\u5c5e\u4e8e#content\u5c42(parent)\u7684,\u56e0\u6b64\u5728css\u6587\u4ef6\u4e2d\u5199\u5165\uff1a\n\n\n\n
#content h2 {
margin: 0;
padding: 0;
}
#content p {
margin: 0;
padding: 0;
}<\/blockquote>\n\n\n\n\u8fd9\u6837\u6211\u4eec]\n]>\n<\/p>\n","protected":false},"excerpt":{"rendered":"

\u76ee\u5f55\uff1a \u7b2c\u4e00\u6b65\uff1a\u89c4\u5212\u7f51\u7ad9\uff0c\u672c\u6559\u7a0b\u5c06\u4ee5\u56fe\u793a\u4e3a\u4f8b\u6784\u5efa\u7f51\u7ad9\uff1b \u7b2c\u4e8c\u6b65\uff1a\u521b\u5efahtml\u6a21\u677f … \u7ee7\u7eed\u9605\u8bfb →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[15],"class_list":["post-27","post","type-post","status-publish","format-standard","hentry","category-xxbj","tag-css"],"_links":{"self":[{"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":0,"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=\/wp\/v2\/posts\/27\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cnmiss.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}