{"id":127,"date":"2010-10-20T23:08:08","date_gmt":"2010-10-20T23:08:08","guid":{"rendered":"http:\/\/www.huzs.top\/?p=127"},"modified":"2010-10-20T23:08:08","modified_gmt":"2010-10-20T23:08:08","slug":"127","status":"publish","type":"post","link":"https:\/\/www.huzs.top\/?p=127","title":{"rendered":"CSS\u57fa\u7840\u8d44\u6599"},"content":{"rendered":"

CSS(Cascading Style Sheet),\u5c42\u53e0\u6837\u5f0f\u8868\u3002\u7528\u4e8e\u63a7\u5236\u7f51\u9875\u6837\u5f0f\u5e76\u5141\u8bb8\u5c06\u6837\u5f0f\u4fe1\u606f\u4e0e\u7f51\u9875\u5185\u5bb9\u5206\u79bb\u7684\u4e00\u79cd\u6807\u8bb0\u6027\u8bed\u8a00\u3002
\\n
\\n\u76f8\u5173\u8d28\u6599\uff1aCSS \u6559\u7a0b   http:\/\/www.w3school.com.cn\/css\/<\/a><\/p>\n

\\n<\/p>\n

\u4f7f\u7528CSS\u7684\u65b9\u6cd5\uff1a<\/p>\n

\\n<\/p>\n

1\u3001\u884c\u5185\u6837\u5f0f\uff08<p style="color:red; font-size:12px;>\u6b63\u6587\u5185\u5bb9<\/p>"\uff09<\/p>\n

\\n<\/p>\n

2\u3001\u5185\u5d4c\u5f0f \uff08<head><style type="text\/css">p{color:red; font-size:12px;}<\/style><\/head>\uff09<\/p>\n

\\n<\/p>\n

3\u3001\u94fe\u63a5\u5f0f \uff08<link href="1.css" type="text\/css" rel="stylesheet">\uff09<\/p>\n

\\n<\/p>\n

4\u3001\u5bfc\u5165\u6837\u5f0f \uff08<head><style type="text\/css">@import url(1.css);<\/style><\/head>\uff09<\/p>\n

\\n<\/p>\n

 <\/p>\n

\\n<\/p>\n

CSS\u57fa\u672c\u8bed\u6cd5<\/p>\n

\\n<\/p>\n

CSS\u9009\u62e9\u5668<\/strong>
\\n1\u3001\u6807\u8bb0\u9009\u62e9\u5668 \uff08h1 {color:red; font-size:12px;}\uff09
\\n2\u3001\u7c7b\u522b\u9009\u62e9\u5668 \uff08.abc {color:red; font-size:12px;} \u4f18\u70b9\u53ef\u91cd\u590d\u4f7f\u7528\uff09
\\n3\u3001ID\u9009\u62e9\u5668 \uff08#abc {color:red; font-size:12px;} \u5728JAVAscript\u91cc\u4e0d\u80fd\u91cd\u590d\u4f7f\u7528\uff09<\/p>\n

\\n<\/p>\n

\u9009\u62e9\u5668\u7684\u58f0\u660e<\/strong>
\\n1\u3001\u96c6\u4f53\u58f0\u660e —\u4f7f\u5176\u5177\u6709\u76f8\u540c\u7684\u5c5e\u6027\uff08h1, h2, h3, h4, h5, p {color:red; font-size:12px;} \u6216\u8005 h2.special, .special, #abc {color:red; font-size:12px;}\uff09
\\n2\u3001\u9009\u62e9\u5668\u7684\u5d4c\u5957 —\u8bbe\u7f6e\u67d0\u6807\u8bb0\u5185\u7684\u4e00\u4e2a\u6807\u8bb0\u7684\u5c5e\u6027\uff08p b {color:red;} | <p>a<b>b<\/b>c<\/p>\u8fd9\u6837\u76f4\u63a5\u6307\u5b9ab\u7684\u989c\u8272\u662f\u7ea2\u8272\u5e76\u52a0\u7c97\uff0c\u800ca\u548cc\u5219\u4e3a\u9ed8\u8ba4\u3002\uff09<\/p>\n

\\n<\/p>\n

CSS\u7684\u7ee7\u627f<\/strong>
\\n<style type="text\/css">p {font-size:20px;};  p b {color:red;} <\/style>
\\n<p>a<b>b<\/b>c<\/p>
\\n\u663e\u793a\u6548\u679c\u4e3a\uff1aABC\u5168\u90e8\u662f\u5b57\u4f53\u5927\u5c0f\u4e3a20px\uff0c\u4f46b\u662f\u7ea2\u8272\u3002\u8fd9\u6837b\u5c31\u7ee7\u627f\u4e86P\u6807\u8bb0\u768420px\u7684\u5c5e\u6027\u3002<\/p>\n

\\n<\/p>\n

CSS\u6587\u5b57\u6548\u679c<\/strong>
\\ncss\u6587\u5b57\u6837\u5f0f:
\\n\u5b57\u4f53\uff1ap {font-family:\u9ed1\u4f53, \u5e7c\u5706}; \u5982\u679c\u7cfb\u7edf\u4e2d\u6709\u9ed1\u4f53\u5c31\u662f\u7528\u9ed1\u4f53\uff0c\u5982\u679c\u6ca1\u6709\u5c31\u662f\u7528\u5e7c\u5706\u5b57\u4f53\u3002
\\n\u5927\u5c0f\uff1ap {font-size:2in;2cm;2mm;2pt;2pc;};\u8fd9\u91cc\u4f7f\u7528\u4e86\u4e0d\u540c\u7684\u5355\u4f4d\u3002\u5982\u679cCM\u91cc\u9762\uff0cMM\u6beb\u7c73\uff0cPT\u50cf\u7d20\u7b49
\\n\u989c\u8272\uff1ap {color:red; #ffffff; rgb(20%,30%,50%);};\u8fd9\u91cc\u67093\u4e2d\u989c\u8272\u7684\u8868\u793a\u65b9\u6cd5\u3002
\\n\u7c97\u7ec6\uff1ap {font-weight:bold; normal; lighter; 500;};\u8fd9\u91cc\u67093\u4e2d\u7c97\u7ec6\u7684\u8868\u793a\u65b9\u6cd5\u3002
\\n\u659c\u4f53\uff1ap {font-style:italic; normal; };
\\n\u4e0b\u5212\u7ebf\u3001\u9876\u5212\u7ebf\u3001\u5220\u9664\u7ebf\u3001\u95ea\u70c1\uff1ap {text-decoration:underline; overline; line-through; blink;};\u95ea\u70c1\u53ea\u6709\u706b\u72d0\u6d4f\u89c8\u5668\u652f\u6301\u3002IE6,IE7\u90fd\u4e0d\u652f\u6301\u3002
\\n\u82f1\u6587\u5b57\u6bcd\u5927\u5c0f\u5199\uff1ap {text-transform:capitalize; uppercase; lowercase;};\u5206\u522b\u4ee3\u8868\u9996\u5b57\u5927\u5199\u3001\u5168\u90e8\u5927\u5199\uff0c\u5168\u90e8\u5c0f\u5199\u3002<\/p>\n

\\n<\/p>\n

css\u6bb5\u843d\u6587\u5b57\uff1a
\\n\u6c34\u5e73\u5bf9\u9f50\uff1a
\\n\u5782\u76f4\u5bf9\u9f50\uff1ap {vertical-align:top; bottom; middle;};\u5206\u522b\u4e3a\uff1a\u9876\u7aef\u3001\u5e95\u7aef\u3001\u4e2d\u95f4\u5bf9\u9f50
\\n\u884c\u95f4\u8ddd\uff0c\u5b57\u95f4\u8ddd\uff1a
\\n\u9996\u5b57\u653e\u5927\uff1a<\/p>\n

\\n<\/p>\n

 <\/p>\n

\\n<\/p>\n

\u56fe\u7247\u6837\u5f0f
\\n\u56fe\u7247\u8fb9\u6846\uff1aimg.test1{border-style:dotted;\u70b9\u753b\u7ebf\u3002;dashed;\u865a\u7ebf\u3002border-color:red;\u7ea2\u8272\u3002border-width:5px\u7c97\u7ec6\u3002};
\\n\u7b80\u5199\u65b9\u5f0f\uff1aimg.test1 {border:dashed 2px blue;}
\\n\u8fb9\u6846\u5206\u522b\u8bbe\u7f6e:border-left\u5de6\u8fb9\u6846\uff0cborder-right\u53f3\u8fb9\u6846\uff0cborder-top\u4e0a\u8fb9\u6846,border-bottom\u4e0b\u8fb9\u6846\u3002<\/p>\n

\\n<\/p>\n

\u56fe\u7247\u7f29\u653e\uff1aimg.test1 {width:50%;\u76f8\u5bf9\u5bbd\u5ea6\u3002width:80px;\u5bbd\u5ea6\u4e3a80px\u7684\u7edd\u5bf9\u5bbd\u5ea6\u3002\u9ad8\u5ea6\uff1ahight}
\\n\u5bf9\u9f50\u65b9\u5f0f\uff1a\u6c34\u5e73\u5bf9\u9f50\uff1atext-align:left; center; right; \u5782\u76f4\u5bf9\u9f50\uff1avertical-align:top;bottom;…
\\n\u56fe\u6587\u6df7\u6392\uff1aimg {float:left;}<\/p>\n","protected":false},"excerpt":{"rendered":"

CSS(Cascading Style Sheet),\u5c42\u53e0\u6837\u5f0f\u8868\u3002\u7528\u4e8e\u63a7\u5236\u7f51\u9875\u6837\u5f0f\u5e76\u5141\u8bb8\u5c06\u6837\u5f0f\u4fe1\u606f\u4e0e\u7f51\u9875\u5185\u5bb9\u5206 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-127","post","type-post","status-publish","format-standard","hentry","category-8"],"_links":{"self":[{"href":"https:\/\/www.huzs.top\/index.php?rest_route=\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huzs.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.huzs.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.huzs.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huzs.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=127"}],"version-history":[{"count":0,"href":"https:\/\/www.huzs.top\/index.php?rest_route=\/wp\/v2\/posts\/127\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.huzs.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.huzs.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.huzs.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}