{"id":224,"date":"2020-11-01T05:58:00","date_gmt":"2020-10-31T21:58:00","guid":{"rendered":"http:\/\/pro369.com\/Website_Design\/?p=6"},"modified":"2020-11-01T05:58:00","modified_gmt":"2020-10-31T21:58:00","slug":"css-%e6%a8%a3%e5%bc%8f%e8%aa%9e%e6%b3%95%e6%95%99%e5%ad%b8","status":"publish","type":"post","link":"https:\/\/por.tw\/Website_Design\/css-%e6%a8%a3%e5%bc%8f%e8%aa%9e%e6%b3%95%e6%95%99%e5%ad%b8\/","title":{"rendered":"CSS \u6a23\u5f0f\u8a9e\u6cd5\u6559\u5b78"},"content":{"rendered":"

CSS \u6a23\u5f0f\u8a9e\u6cd5\u6559\u5b78<\/strong><\/span>\uff08\u7db2\u7ad9\u7db2\u9801\u8a2d\u8a08\u5bc6\u8a13\u57fa\u5730\uff09
\n\u4e0d\u8ad6\u662f\u7db2\u7ad9\u67b6\u8a2d\u3001\u7db2\u9801\u8a2d\u8a08\u3001\u8cfc\u7269\u7db2\u7ad9\u4e3b\u984c\u5e03\u666f\u4fee\u6539\u6216\u662f\u90e8\u843d\u683c\u7db2\u7ad9\u4fee\u6539
\n\u5e38\u5e38\u8981\u4fee\u6539CSS \u6a23\u5f0f\u8a9e\u6cd5<\/strong>\u5c0d\u4e00\u822c\u975e\u5c08\u696d\u79d1\u73ed\u7562\u696d\u7684\u5b78\u54e1\u4f86\u8aaa\u662f\u975e\u5e38\u56f0\u96e3\u7684<\/span><\/span>
\n\u5927\u90e8\u5206\u7684\u4eba\u4eba\u662f\uff1a\u908a\u908a\u5b78\u505a\uff01\uff08\u8981\u80ccCSS \u6a23\u5f0f\u8a9e\u6cd5<\/span><\/strong>\u55ce\uff1f\u771f\u662f\u7121\u804a\u53c8\u7121\u8da3<\/span>\uff09
\n\u6240\u4ee5\u6211\u628aCSS \u6a23\u5f0f\u8a9e\u6cd5<\/strong><\/span>\u5b8c\u6574\u7684\u8cc7\u6599\u653e\u5728\u6211\u7684\u7db2\u7ad9\uff0c\u4ee5\u4fbf\u5b78\u54e1\u8981\u4fee\u6539\u6642\u67e5\u95b1\uff01<\/span>
\n\u6211\u7ffb\u8b6f\u7684\u7e41\u9ad4CSS 2.0\u6a23\u5f0f\u8a9e\u6cd5\u6559\u5b78\u8ab2\u7a0b\uff08\u7db2\u8def\u5feb\u901f\u67e5\u95b1\uff09<\/strong><\/span>
\n\u9023\u7d50\u4e4b\u7db2\u5740\uff1a<\/strong><\/span>
\nhttps:\/\/visdacom.com\/Website_Design\/CSS_2\/index.html<\/span><\/strong><\/a>
\n\u4ec0\u9ebc\u662fCSS\u6a23\u5f0f\u8868\uff1f<\/strong><\/span>
\nCSS\u662fCascading Style Sheet \u7684\u7e2e\u5beb\u3002\u8b6f\u4f5c\u300c\u5c64\u758a\u6a23\u5f0f\u8868\u55ae\u300d\u3002\u662f\u7528\u65bc\uff08\u589e\u5f37\uff09\u63a7\u5236\u7db2\u9801\u578b\u614b\u4e26\u5bb9\u8a31\u5c07\u578b\u614b\u5167\u5bb9\u8207\u7db2\u9801\u5167\u5bb9\u5206\u96e2\u7684\u4e00\u7a2e\u65d7\u6a19\u6027\u8a9e\u7cfb\u3002
\n\u5982\u4f55\u5c07\u6a23\u5f0f\u8868\u52a0\u5165\u60a8\u7684\u7db2\u9801
\n\u4f60\u53ef\u4ee5\u7528\u4ee5\u4e0b\u4e09\u7a2e\u6a21\u5f0f\u5c07\u6a23\u5f0f\u8868\u52a0\u5165\u60a8\u7684\u7db2\u9801\u3002\u800c\u6700\u63a5\u8fd1\u76ee\u7684\u7684\u578b\u614b\u5b9a\u7fa9\u512a\u5148\u6b0a\u8d8a\u9ad8\u3002\u9ad8\u512a\u5148\u6b0a\u578b\u614b\u5c07\u7e7c\u627f\u4f4e\u512a\u5148\u6b0a\u578b\u614b\u7684\u672a\u91cd\u758a\u5b9a\u7fa9\u4f46\u8986\u84cb\u91cd\u758a\u7684\u5b9a\u7fa9\u3002\u4f8b\u5916\u8acb\u53c3\u95b1important\u8072\u660e\u3002
\n\u93c8\u5165\u5916\u90e8\u6a23\u5f0f\u8868\u6a94\u6848 (Linking to a Style Sheet)
\n\u4f60\u53ef\u4ee5\u5148\u5efa\u7acb\u5916\u90e8\u6a23\u5f0f\u8868\u6a94\u6848\uff08.css\uff09\uff0c\u7136\u5f8c\u4f7f\u7528HTML\u7684link\u5c0d\u8c61\u3002\u793a\u4f8b\u5982\u4e0b\uff1a
\n<head>
\n<title>title of article<\/title>
\n<link rel=stylesheet href=”http:\/\/www.dhtmlet.com\/rainer.css” type=”text\/css”>
\n<\/head>
\n\u800c\u5728XML\u4e2d\uff0c\u4f60\u61c9\u8a72\u5982\u4e0b\u4f8b\u6240\u793a\u5728\u8072\u660e\u5340\u4e2d\u52a0\u5165\uff1a
\n<? xml-stylesheet type=”text\/css” href=”http:\/\/www.dhtmlet.com\/rainer.css” ?>>
\n\u5b9a\u7fa9\u5167\u5b9a\u578b\u614b\u584a\u7269\u4ef6 (Embedding a Style Block)
\n\u4f60\u53ef\u4ee5\u5728\u4f60\u7684HTML\u6587\u4ef6\u7684<HTML>\u548c<BODY>\u65d7\u6a19\u4e4b\u9593\u63d2\u5165\u4e00\u500b<STYLE>…<\/STYLE>\u584a\u5c0d\u8c61\u3002 \u5b9a\u7fa9\u6a21\u5f0f\u8acb\u53c3\u95b1\u6a23\u5f0f\u8868\u8a9e\u6cd5\u3002\u793a\u4f8b\u5982\u4e0b\uff1a
\n<html>
\n<style type=”text\/css”>
\n<!–
\nbody {font: 10pt “Arial”}
\nh1 {font: 15pt\/17pt “Arial”; font-weight: bold; color: maroon}
\nh2 {font: 13pt\/15pt “Arial”; font-weight: bold; color: blue}
\np {font: 10pt\/12pt “Arial”; color: black}
\n–>
\n<\/style>
\n<body>
\n\u8acb\u6ce8\u610f\uff0c\u9019\u88e1\u5c07style\u5c0d\u8c61\u7684type\u5c6c\u6027\u8a2d\u5b9a\u70ba”text\/css”\uff0c\u662f\u5bb9\u8a31\u4e0d\u652f\u63f4\u9019\u985e\u578b\u7684\u700f\u89bd\u5668\u5ffd\u7565\u6a23\u5f0f\u8868\u55ae\u3002
\n\u5167\u806f\u5b9a\u7fa9 (Inline Styles)
\n\u5167\u806f\u5b9a\u7fa9\u5373\u662f\u5728\u5c0d\u8c61\u7684\u65d7\u6a19\u5167\u4f7f\u7528\u5c0d\u8c61\u7684style\u5c6c\u6027\u5b9a\u7fa9\u9069\u7528\u5176\u7684\u6a23\u5f0f\u8868\u5c6c\u6027\u3002\u793a\u4f8b\u5982\u4e0b\uff1a
\n<p style=”margin-left: 0.5in; margin-right:0.5in”>\u9019\u4e00\u884c\u88ab\u589e\u52a0\u4e86\u5de6\u53f3\u7684\u5916\u4fee\u6539\u66f4\u65b0<p>
\n\u6a23\u5f0f\u8868\u8a9e\u6cd5 (CSS Syntax)
\nSelector { property: value }
\n\u53c3\u6578\u8aaa\u660e\uff1a <\/strong><\/span>
\nSelector — \u9078\u53d6\u7b26
\nproperty : value — \u6a23\u5f0f\u8868\u5b9a\u7fa9\u3002\u5c6c\u6027\u548c\u5c6c\u6027\u503c\u4e4b\u9593\u7528\u5192\u865f(:)\u9694\u958b\u3002\u5b9a\u7fa9\u4e4b\u9593\u7528\u5206\u865f(;)\u9694\u958b
\n\u7e7c\u627f\u7684\u503c (The ‘ Inherit ‘ Value)
\n\u6bcf\u500b\u5c6c\u6027\u90fd\u6709\u4e00\u500b\u7279\u6b8a\u7684\u503c\uff1aInherit\u3002\u5b83\u7684\u610f\u601d\u662f\uff1a\u5c07\u7236\u5c0d\u8c61\u7684\u503c\u7b49\u540c\u70ba\u96fb\u8166\u503c\u5f97\u5230\u3002\u9019\u500b\u503c\u901a\u5e38\u50c5\u50c5\u662f\u5099\u7528\u7684\u3002\u986f\u5f0f\u7684\u8072\u660e\u5b83\u53ef\u7528\u4f86\u5f37\u8abf\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

CSS \u6a23\u5f0f\u8a9e\u6cd5\u6559\u5b78\uff08\u7db2\u7ad9\u7db2\u9801\u8a2d\u8a08\u5bc6\u8a13\u57fa\u5730\uff09 \u4e0d\u8ad6\u662f\u7db2\u7ad9\u67b6\u8a2d\u3001\u7db2\u9801\u8a2d\u8a08\u3001\u8cfc\u7269\u7db2\u7ad9\u4e3b\u984c\u5e03\u666f\u4fee\u6539\u6216\u662f\u90e8\u843d\u683c\u7db2\u7ad9\u4fee\u6539 […]<\/p>\n","protected":false},"author":1,"featured_media":359,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[21],"class_list":["post-224","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-css-"],"_links":{"self":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":0,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/224\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media\/359"}],"wp:attachment":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media?parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/categories?post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/tags?post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}