{"id":1329,"date":"2020-11-19T20:58:04","date_gmt":"2020-11-19T12:58:04","guid":{"rendered":"https:\/\/learningnow.com.tw\/?p=1329"},"modified":"2021-03-18T23:33:16","modified_gmt":"2021-03-18T15:33:16","slug":"what-is-css","status":"publish","type":"post","link":"https:\/\/learningnow.com.tw\/what-is-css\/","title":{"rendered":"\u3010CSS\u6307\u5357\u3011Day01 &#8211; CSS\u662f\u4ec0\u9ebc?\u5165\u9580\u4e00\u5b9a\u8981\u5148\u77e5\u9053\u9019\u4e9b\u898f\u5247 (\u6700\u8a73\u7d30\u8aaa\u660e)"},"content":{"rendered":"\n<p>\u70ba\u4ec0\u9ebc\u5b78\u7fd2\u5b8c HTML \u9084\u9700\u8981\u5b78\u7fd2 CSS \u6280\u8853\u5462? \u5f88\u591a\u4eba\u53ef\u80fd\u6703\u6709\u9019\u500b\u7591\u554f\u4e00\u76f4\u5f88\u56f0\u60d1\u8457\u8aaa\u5b78\u5b8c HTML \u6211\u5c31\u53ef\u4ee5\u67b6\u8a2d\u7db2\u9801\u4e86\u55ce? \u9019\u908a\u5c0f\u9752\u4f86\u5e6b\u5e6b\u4f60\u5011\u89e3\u6c7a\u9019\u500b\u56f0\u60d1\uff0c\u9996\u5148\u4f60\u5b78\u7fd2\u5b8c HTML \u78ba\u5be6\u5c31\u662f\u80fd\u5920\u5beb\u51fa\u4e00\u500b\u6709\u529f\u80fd\u7684\u9801\u9762\u4e86\u4f46\u4f60\u73fe\u5728\u5448\u73fe\u51fa\u4f86\u7684\u7db2\u9801\u6703\u975e\u5e38\u55ae\u8abf\u5982\u679c\u4f60\u524d\u9762\u6709\u8a8d\u771f\u5b78\u7684\u8a71\u5c31\u6703\u77e5\u9053\u3002<\/p>\n\n\n\n<p>\u96d6\u7136\u73fe\u5728\u7db2\u9801\u4e0a\u6709\u529f\u80fd\u4f46\u662f\u7528\u6236\u4e00\u770b\u5230\u4f60\u7db2\u9801\u6703\u89ba\u5f97\u4e5f\u592a\u55ae\u8abf\u4e86\u5427?! \u9019\u662f\u7db2\u9801\u55ce? \u7522\u751f\u7591\u60d1\u751a\u81f3\u61f7\u7591\u4f60\u7684\u7db2\u9801\u662f\u8a50\u9a19\u7db2\u9801\uff0c\u6240\u4ee5\u4f60\u7684\u76ee\u7684\u4e0d\u5728\u662f\u529f\u80fd\u9700\u8981\u505a\u7684\u7cbe\u7dfb\u4e00\u4e9b\u4e9b\uff0c\u53e6\u5916\u503c\u5f97\u4e00\u63d0 HTML \u7684\u4fb7\u9650\u6027\u5c31\u662f\u883b\u8fa6\u6cd5\u512a\u5316\u9801\u9762\u4f7f\u5f97\u7db2\u9801\u770b\u8d77\u4f86\u66f4\u52a0\u7f8e\u9e97\u6f02\u4eae\uff0c\u6240\u4ee5\u624d\u9700\u8981\u5b78\u7fd2 CSS \u6280\u8853\uff0cCSS \u6280\u8853\u5c31\u662f\u8ca0\u8cac\u88dd\u4fee\u8207\u7f8e\u5316\uff0c\u5728\u7576\u521d HTML \u5c31\u662f\u8ca0\u8cac\u7db2\u9801\u67b6\u69cb\u800c CSS \u5c31\u662f\u8ca0\u8cac\u9801\u9762\u7684\u7f8e\u5316\u76f8\u5206\u96e2\u7684\u3002<\/p>\n\n\n\n<p>\u6240\u4ee5\u5b78\u7fd2 HTML \u70ba\u4ec0\u9ebc\u9084\u662f\u9700\u8981\u5b78\u4e00\u4e0b CSS \u6280\u8853\u5c31\u662f\u9019\u500b\u539f\u56e0\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">\u5167\u5bb9\u76ee\u9304<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-662ecfee6a785\" aria-label=\"\u5167\u5bb9\u76ee\u9304\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-662ecfee6a785\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#HTML_%E7%9A%84%E4%BE%B7%E9%99%90%E6%80%A7%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"HTML \u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc?\">HTML \u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%98%AF%E4%BB%80%E9%BA%BC%E5%91%A2\" title=\"CSS \u662f\u4ec0\u9ebc\u5462?\">CSS \u662f\u4ec0\u9ebc\u5462?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"CSS \u7684\u529f\u80fd\u6709\u54ea\u4e9b?\">CSS \u7684\u529f\u80fd\u6709\u54ea\u4e9b?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E8%AA%9E%E6%B3%95%E8%A6%8F%E7%AF%84%E6%9C%89%E5%93%AA%E4%BA%9B%E8%A9%B2%E6%B3%A8%E6%84%8F\" title=\"CSS \u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?\">CSS \u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%9C%89%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E5%97%8E\" title=\"CSS \u6709\u4ee3\u78bc\u98a8\u683c\u55ce?\">CSS \u6709\u4ee3\u78bc\u98a8\u683c\u55ce?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E9%9C%80%E8%A6%81%E6%B3%A8%E6%84%8F%E9%82%A3%E4%BA%9B%E9%BB%9E%E5%91%A2\" title=\"CSS \u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462?\">CSS \u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%A3%E5%BC%8F%E6%A0%BC%E5%BC%8F%E6%9B%B8%E5%AF%AB%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"CSS \u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b?\">CSS \u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%A3%E5%BC%8F%E8%8B%B1%E6%96%87%E5%A4%A7%E5%B0%8F%E5%AF%AB%E9%A2%A8%E6%A0%BC%E7%94%A8%E6%B3%95\" title=\"CSS \u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5\">CSS \u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%A3%E5%BC%8F%E7%A9%BA%E6%A0%BC%E9%A2%A8%E6%A0%BC%E7%94%A8%E6%B3%95\" title=\"CSS \u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5\">CSS \u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E7%B8%BD%E7%B5%90\" title=\"CSS \u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50\">CSS \u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E5%9F%BA%E6%9C%AC%E9%81%B8%E6%93%87%E5%99%A8%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"CSS \u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b?\">CSS \u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E9%81%B8%E6%93%87%E5%99%A8%E7%9A%84%E4%BD%9C%E7%94%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc?\">CSS \u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E9%81%B8%E6%93%87%E5%99%A8%E5%88%86%E9%A1%9E%E6%9C%89%E5%93%AA%E4%BA%9B%E8%A9%B2%E6%B3%A8%E6%84%8F\" title=\"CSS \u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?\">CSS \u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95%E7%94%A8%E6%B3%95\" title=\"CSS \u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5\">CSS \u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD\" title=\"CSS \u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\">CSS \u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E5%84%AA%E9%BB%9E%E8%88%87%E7%BC%BA%E9%BB%9E%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"CSS \u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b?\">CSS \u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95\" title=\"class ( \u985e ) \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\">class ( \u985e ) \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"class ( \u985e ) \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?\">class ( \u985e ) \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D_%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d \u662f\u4ec0\u9ebc?\">CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d \u662f\u4ec0\u9ebc?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F\" title=\"class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f\">class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D%E7%9A%84%E4%BD%BF%E7%94%A8%E5%A0%B4%E6%99%AF\" title=\"CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f\">CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%84%AA%E9%BB%9E%E7%BC%BA%E9%BB%9E%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"class ( \u985e ) \u9078\u64c7\u5668\u512a\u9ede\u7f3a\u9ede\u6709\u54ea\u4e9b?\">class ( \u985e ) \u9078\u64c7\u5668\u512a\u9ede\u7f3a\u9ede\u6709\u54ea\u4e9b?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684 id \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u7684 id \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#id_%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95%E7%94%A8%E6%B3%95\" title=\"id \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5\">id \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#id_%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD\" title=\"id \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\">id \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E8%88%87_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%B7%AE%E7%95%B0%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc?\">CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E8%88%87_class_%E9%A1%9E_%E7%9A%84%E5%8D%80%E5%88%A5%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u7684\u5340\u5225\u662f\u4ec0\u9ebc?\">CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u7684\u5340\u5225\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#CSS_%E7%9A%84%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95\" title=\"\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\">\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\" title=\"\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?\">\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/#%E6%89%80%E6%9C%89%E9%81%B8%E6%93%87%E5%99%A8%E5%A4%A7%E7%B8%BD%E7%B5%90\" title=\"\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50\">\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"HTML_%E7%9A%84%E4%BE%B7%E9%99%90%E6%80%A7%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>HTML \u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1332\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/HTML\u7684\u4fb7\u9650\u6027\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>HTML \u5c31\u662f\u975e\u5e38\u5f88\u55ae\u7d14\uff0c\u5b83\u53ea\u8ca0\u8cac\u95dc\u6ce8\u5167\u5bb9\u7684\u8a9e\u610f\u4e5f\u5c31\u662f\u529f\u80fd\u7684\u5be6\u73fe\u4e26\u642d\u5efa\u51fa\u7db2\u9801\u7684\u6574\u9ad4\u67b6\u69cb\uff0c\u5176\u5b83\u7684\u4e00\u6982\u4e0d\u7ba1\u4f8b\u5982\u4e0b\u5217\u5e7e\u500b\u4f8b\u5b50\u8aaa\u660e\u6703\u6bd4\u8f03\u660e\u78ba\u3002<\/p>\n\n\n\n<ul><li><strong>&lt;h1&gt; \u8868\u793a\u9019\u662f\u4e00\u500b\u5927\u6a19\u984c\u6a19\u7c64<\/strong><\/li><li><strong>&lt;p&gt; \u8868\u793a\u9019\u662f\u4e00\u500b\u6bb5\u843d\u6a19\u7c64<\/strong><\/li><li><strong>&lt;img&gt; \u8868\u793a\u9019\u662f\u4e00\u500b\u5716\u7247\u6a19\u7c64<\/strong><\/li><li><strong>&lt;a&gt; \u8868\u793a\u9019\u662f\u4e00\u500b\u93c8\u63a5\u6a19\u7c64<\/strong><\/li><\/ul>\n\n\n\n<p>\u6240\u4ee5 HTML \u5c31\u662f\u8ca0\u8cac\u986f\u793a\u9019\u4e9b\u6a19\u7c64\u5143\u7d20\u529f\u80fd\u7684\uff0c\u5f88\u4e56\u7684 HTML \u4f60\u7528\u4ec0\u9ebc\u9019\u500b\u6a19\u7c64\u5c31\u6703\u4e56\u4e56\u7684\u986f\u793a\u6a19\u7c64\u529f\u80fd\u51fa\u4f86\u7684\uff0c\u4f46\u662f\u7d93\u904e\u524d\u9762\u6240\u5b78\u4f60\u53ef\u80fd\u6703\u5f88\u61f7\u7591\u4eba\u751f\u7db2\u9801\u6709\u90a3\u9ebc\u919c\u55ce? \u6211\u770b\u5225\u4eba\u5beb\u7684\u7db2\u9801\u5f88\u6f02\u4eae\u4e5f\uff0c\u70ba\u4ec0\u9ebc\u6211\u5beb\u51fa\u4f86\u7684\u5c31\u662f\u90a3\u9ebc\u919c\uff0c\u9019\u662f\u5f88\u6b63\u5e38\u7684\u56e0\u70ba\u4f60\u9084\u6c92\u5b78 CSS \u6280\u8853\uff0c\u5728\u672c\u7bc0\u5c31\u662f\u5411\u4f60\u8aaa\u660e\u70ba\u4ec0\u9ebc\u4f60\u770b\u4f60\u7684\u7db2\u9801\u9084\u5f88\u55ae\u8abf\u7684\u539f\u56e0\u5c31\u662f\u56e0\u70ba HTML \u6709\u4fb7\u9650\u6027\u5b58\u5728\u3002<\/p>\n\n\n\n<p>\u5c0f\u6ce8\u610f:<\/p>\n\n\n\n<ul><li><strong>HTML \u6709\u4fb7\u9650\u6027<\/strong><\/li><li><strong>\u53ea\u4f7f\u7528 HTML \u505a\u51fa\u4f86\u7684\u7db2\u9801\u5fc5\u5b9a\u5f88\u919c<\/strong><\/li><li><strong>HTML \u53ea\u5be6\u73fe\u5143\u7d20\u6a19\u7c64\u529f\u80fd<\/strong><\/li><li><strong>HTML \u50cf\u662f\u623f\u5b50\u7684\u96db\u5f62\uff0c\u6c92\u6709\u88dd\u6f62<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E6%98%AF%E4%BB%80%E9%BA%BC%E5%91%A2\"><\/span>CSS \u662f\u4ec0\u9ebc\u5462?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1334\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc\u5462.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5728\u524d\u9762\u6211\u5011\u5b78\u7fd2\u4e86 HTML \u7684\u76f8\u95dc\u6280\u8853\u63a5\u4e0b\u4f86\u5c31\u662f\u8981\u4f86\u5b78\u7fd2 CSS \u6280\u8853\uff0cHTML \u5c31\u662f\u7528\u4f86\u5efa\u7acb\u7db2\u9801\u7684\u6846\u67b6\u800c CSS \u5247\u662f\u7528\u4f86\u4fee\u98fe\u6574\u500b\u7db2\u9801\u67b6\u69cb\u8b93\u6574\u500b\u7db2\u9801\u66f4\u52a0\u7f8e\u89c0\u8c50\u5bcc\uff0c\u5982\u679c\u4f60\u9084\u662f\u6c92\u6709\u4ec0\u9ebc\u6982\u5ff5\u5c31\u628a HTML \u60f3\u6210\u4e3b\u8981\u662f\u7528\u4f86\u84cb\u623f\u5b50\u7684\u5730\u57fa\u4e5f\u5c31\u662f\u6574\u500b\u623f\u5b50\u7684\u57fa\u672c\u7d44\u6210\uff0c\u7576\u4f60\u84cb\u5b8c\u623f\u5b50\u6709\u500b\u96db\u5f62\u4f46\u662f\u5167\u88dd\u6211\u5011\u90fd\u5b8c\u5168\u6c92\u6709\u88dd\u8a2d\uff0c\u57fa\u672c\u53ef\u4ee5\u906e\u98a8\u907f\u96e8\u800c\u5df2\uff0c\u4f46\u623f\u5b50\u4e3b\u8981\u76ee\u7684\u5c31\u662f\u906e\u98a8\u907f\u96e8\u3002<\/p>\n\n\n\n<p>\u7576\u4eba\u4e0d\u5728\u7169\u60f1\u6574\u5929\u5230\u8655\u627e\u906e\u98a8\u907f\u96e8\u7684\u5730\u65b9\uff0c\u6f38\u6f38\u7684\u4eba\u6703\u8ffd\u6c42\u623f\u5b50\u7684\u8212\u9069\u5ea6\u4e5f\u5c31\u662f\u5728\u919c\u964b\u7684\u623f\u5b50\u92ea\u8a2d\u78c1\u78da\u3001\u7c89\u5237\u7246\u58c1\u628a\u6574\u500b\u623f\u5b50\u53c8\u9032\u884c\u88dd\u4fee\uff0c\u88dd\u4fee\u9019\u500b\u884c\u70ba\u5728\u7db2\u9801\u4e2d\u5c31\u662f CSS \u6280\u8853\u4f7f\u6574\u500b\u5834\u666f\u66f4\u52a0\u7684\u7f8e\u5316\u4e26\u7d30\u5fae\u8abf\u6574\u4f48\u5c40\u9801\u9762\uff0c\u8981\u77e5\u9053\u662f\u5148\u6709 HTML \u624d\u80fd\u4f7f\u7528 CSS \u6280\u8853\u5537!\u5c31\u50cf\u623f\u5b50\u8981\u5148\u6709\u96db\u5f62\u51fa\u4f86\u624d\u80fd\u5f04\u88dd\u4fee\uff0c\u4e0d\u7136\u662f\u4e0d\u53ef\u80fd\u6191\u7a7a\u88dd\u4fee\u5427!<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>CSS \u7684\u529f\u80fd\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1335\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u529f\u80fd\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>\u6587\u672c\u5167\u5bb9<\/strong><ul><li><strong>\u6539\u8b8a\u5b57\u9ad4<\/strong><\/li><li><strong>\u6539\u8b8a\u6587\u5b57\u5927\u5c0f<\/strong><\/li><li><strong>\u6539\u8b8a\u6587\u5b57\u5c0d\u9f4a..\u7b49<\/strong><\/li><\/ul><\/li><li><strong>\u5716\u7247\u5916\u578b<\/strong><ul><li><strong>\u6539\u8b8a\u5716\u7247\u5bec\u5ea6\u3001\u9ad8\u5ea6<\/strong><\/li><li><strong>\u6539\u8b8a\u908a\u6846\u6a23\u5f0f<\/strong><\/li><li><strong>\u6539\u8b8a\u5716\u7247\u908a\u8ddd&#8230;\u7b49<\/strong><\/li><\/ul><\/li><li><strong>\u7248\u9762\u4f48\u5c40<\/strong><\/li><li><strong>\u5916\u89c0\u986f\u793a\u6a23\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<p>\u5c0f\u6ce8\u610f:<\/p>\n\n\n\n<ul><li><strong>Cascading Style Sheets \u7684\u7e2e\u5beb CSS<\/strong><\/li><li><strong>CSS \u7684\u4e2d\u6587\u8aaa\u6cd5\u592a\u591a\u7a2e\u4e86\uff0c\u5982\u679c\u8981\u8aaa\u4e2d\u6587\u901a\u5e38\u90fd\u6703\u53eb\u5c64\u758a\u6a23\u5f0f\u8868<\/strong><\/li><li><strong>CSS \u4e5f\u662f\u4e00\u7a2e\u6a19\u8a18\u8a9e\u8a00<\/strong><\/li><\/ul>\n\n\n\n<p>\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>CSS \u6280\u8853\u6700\u5927\u50f9\u503c\u662f\u80fd\u5920\u8b93 HTML \u5c08\u6ce8\u53bb\u505a\u7d50\u69cb\u7684\u5448\u73fe\uff0c\u7db2\u9801\u7684\u6a23\u5f0f\u5168\u90e8\u4ea4\u7d66 CSS \u88dd\u4fee\u88dd\u6f62\u5c31\u53ef\u4ee5\u4e86\uff0c\u5c31\u662f\u7d50\u69cb ( HTML )\u8207\u6a23\u5f0f ( CSS ) \u76f8\u5206\u96e2\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E8%AA%9E%E6%B3%95%E8%A6%8F%E7%AF%84%E6%9C%89%E5%93%AA%E4%BA%9B%E8%A9%B2%E6%B3%A8%E6%84%8F\"><\/span>CSS \u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1336\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8a9e\u6cd5\u898f\u7bc4\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u8981\u958b\u59cb\u5b78\u7fd2 CSS \u6280\u8853\u4f60\u7e3d\u662f\u8981\u5148\u4e86\u89e3\u5225\u4eba\u7684\u898f\u7bc4\uff0c\u5982\u679c\u4e0d\u9075\u5b88\u898f\u5247\u5728\u5be6\u73fe\u6642\u4f60\u53ef\u80fd\u6703\u51fa\u73fe\u5f88\u591a\u72c0\u6cc1\uff0c\u4e0d\u7ba1\u662f HTML \u8207 CSS \u90fd\u662f\uff0c\u60f3\u8981\u719f\u7df4\u7684\u4f7f\u7528 CSS \u6280\u8853\u9032\u884c\u5c0d\u7db2\u9801\u4fee\u98fe\uff0c\u9996\u5148\u9700\u8981\u5148\u4e86\u89e3 CSS \u6a23\u5f0f\u898f\u5247\uff0cCSS \u898f\u5247\u662f\u7531\u5169\u500b\u4e3b\u8981\u90e8\u5206\u6240\u69cb\u6210\uff0c\u9078\u64c7\u5668\u4ee5\u53ca\u4e00\u689d\u6216\u662f\u591a\u689d\u8072\u660e\u3002<\/p>\n\n\n\n<ul><li><strong>\u9078\u64c7\u5668<\/strong><\/li><li><strong>\u4e00\u689d\u8207\u591a\u689d\u8072\u660e<\/strong><\/li><\/ul>\n\n\n\n<p>\u90a3\u4e0b\u5217\u6211\u5011\u4f86\u9032\u884c\u521d\u8a66\u4f7f\u7528 CSS \u4f86\u66f4\u6539 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u88e1\u9762\u7684\u6587\u5b57\u984f\u8272\u4ee5\u53ca\u5b57\u9ad4\u5927\u5c0f\uff0c\u4f60\u770b\u5e95\u4e0b\u6211\u7684\u5beb\u6cd5 CSS \u6a23\u5f0f\u5c31\u662f\u5beb\u5728 &lt;head&gt; \u982d\u90e8\u6a19\u7c64\u88e1\u9762\u7684 &lt;style&gt; \u6a23\u5f0f\u6a19\u7c64\uff0c\u9019\u6a23\u5c31\u80fd\u5be6\u73fe\u63a7\u5236 HTML \u7684 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\uff0c\u4e5f\u5c31\u662f\u7d50\u69cb ( HTML ) \u8207\u6a23\u5f0f ( CSS ) \u76f8\u5206\u96e2\u9019\u6a23\u662f\u4e0d\u662f\u6bd4\u8f03\u6709\u4e00\u9ede\u611f\u89ba\u4e86\u5462!<\/p>\n\n\n\n<p>\u9078\u64c7\u5668\u5c31\u662f\u7528\u65bc\u6307\u5b9a CSS \u6a23\u5f0f\u7684 HTML \u6a19\u7c64\uff0c\u82b1\u62ec\u865f\u5167\u662f\u5c0d\u8a72 HTML \u5143\u7d20\u6a19\u7c64\u5c0d\u8c61\u8a2d\u7f6e\u5177\u9ad4\u6a23\u5f0f\uff0c\u53ef\u8a2d\u7f6e\u4e00\u689d\u8207\u591a\u689d\uff0c\u5982\u679c\u662f\u591a\u689d\u8981\u8a18\u5f97\u4f7f\u7528\u7a7a\u683c\u9375\u9694\u958b\u624d\u4e0d\u6703\u767c\u751f\u986f\u793a\u4e0d\u51fa\u4f86\u7b49\u539f\u56e0\uff0c\u9084\u6709\u5c6c\u6027\u548c\u5c6c\u6027\u503c\u5fc5\u9808\u4ee5\u9375\u503c\u5c0d\u6a23\u5f0f\u51fa\u73fe\uff0c\u800c\u5c6c\u6027\u8207\u5c6c\u6027\u503c\u662f\u6709\u7528\u5192\u865f\u9032\u884c\u5206\u5272\u7d50\u5c3e\u9700\u8981\u7528\u5206\u865f\u7d50\u5c3e\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;\n\n\t&lt;title&gt;\u6211\u7684\u7b2c\u4e00\u500b\u7db2\u9801&lt;\/title&gt;\n\t&lt;style&gt;\n\t\t\t&lt;!--\u9078\u64c7\u5668 {\u6a23\u5f0f} --&gt;\n\t\t\t&lt;!--\u7d66\u8ab0\u6539\u6a23\u5f0f {\u6539\u4ec0\u9ebc\u6a23\u5f0f} --&gt;\n\t\tp {\n\t\t\t\tcolor: red;\n\t\t\t\tfont-size: 20px;\n\t\t\t}\n\t&lt;\/style&gt;\n\n&lt;\/head&gt;\n\n&lt;body&gt;\n\n\t&lt;p&gt;\u6211\u662f\u6587\u5b57&lt;\/p&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5c0f\u7e3d\u7d50<\/p>\n\n\n\n<ul><li><strong>CSS \u6a23\u5f0f\u4e00\u822c\u6211\u5011\u90fd\u5beb\u5728 &lt;head&gt; \u982d\u90e8\u6a19\u7c64\u88e1\u9762\u7684 &lt;style&gt; \u6a23\u5f0f\u6a19\u7c64\u88e1\u9762<\/strong><\/li><li><strong>CSS \u6709\u5169\u500b\u90e8\u5206\u7d44\u6210\uff0c\u9078\u64c7\u5668 ( \u5c6c\u6027 ) \u548c\u6a23\u5f0f ( \u5c6c\u6027\u503c )\u4e5f\u5c31\u662f ( \u7d66\u8ab0\u6539\u6a23\u5f0f\u548c\u6539\u4ec0\u9ebc\u6a23\u5f0f )<\/strong><\/li><li><strong>\u5c6c\u6027\u8207\u5c6c\u6027\u503c\u4e2d\u9593\u5fc5\u9808\u4f7f\u7528\u5192\u865f ( : ) \u9694\u958b<\/strong><\/li><li><strong>\u6bcf\u4e00\u7d44\u5beb\u5b8c\u5c6c\u6027\u503c\u5fc5\u9808\u88dc\u4e0a\u5192\u865f ( \uff1b)\u7d50\u5c3e\uff0c\u8868\u793a\u8a72\u5c6c\u6027\u503c\u7d50\u675f<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E6%9C%89%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E5%97%8E\"><\/span>CSS \u6709\u4ee3\u78bc\u98a8\u683c\u55ce?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1337\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6709\u4ee3\u78bc\u98a8\u683c\u55ce.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u4ee5\u4e0b\u5beb\u6cd5\u4e0d\u662f\u5f37\u5236\u6027\u7684 CSS \u6a23\u5f0f\u4ee3\u78bc\u5beb\u6cd5\uff0c\u4f46\u662f\u662f\u7b26\u5408\u4e00\u822c\u5be6\u969b\u958b\u767c\u5c08\u696d\u4eba\u58eb\u7684\u5beb\u6cd5\uff0c\u5982\u679c\u662f\u5718\u968a\u5408\u4f5c\u7576\u540c\u4e8b\u770b\u898b\u4f60\u9019\u6a23\u5beb\u5c31\u6703\u89ba\u5f97\u8aaa\u4f60\u5beb\u6cd5\u4e0d\u932f\u597d\u50cf\u4e4b\u524d\u6709\u958b\u767c\u904e\uff0c\u800c\u4e14\u5718\u968a\u90fd\u9019\u6a23\u5beb\u7684\u6642\u5019\u4f60\u5beb\u7684\u5f88\u8ddf\u5225\u4eba\u4e0d\u4e00\u6a23\uff0c\u5718\u968a\u4e00\u770b\u5c31\u77e5\u9053\u4f60\u4e4b\u524d\u6c92\u4ec0\u9ebc\u7d93\u9a57\u4e5f\u6c92\u6709\u5728\u8b80\u5225\u4eba\u5beb\u7684\u524d\u7aef\u7db2\u9801\u4ee3\u78bc\uff0c\u5927\u5bb6\u5fc3\u88e1\u90fd\u6703\u6709\u6e96\u5099\u8aaa\u9019\u500b\u662f\u83dc\u9ce5\u5927\u5bb6\u8981\u96a8\u6642\u6ce8\u610f\u4e00\u4e0b\uff0c\u6240\u4ee5\u4ee3\u78bc\u98a8\u683c\u5beb\u6cd5\u9084\u662f\u80fd\u5920\u5c0d\u81ea\u5df1\u6709\u6240\u8981\u6c42\u4e00\u9ede\u3002<\/p>\n\n\n\n<p>\u96d6\u7136\u4f60\u53ef\u80fd\u8a8d\u70ba\u6771\u897f\u53ef\u4ee5\u8dd1\u5c31\u597d\u4e86\uff0c\u4f46\u662f\u5982\u679c\u5728\u7dad\u8b77\u904e\u7a0b\u4e2d\u4e0d\u662f\u4f60\u89aa\u81ea\u7dad\u8b77\uff0c\u7dad\u8b77\u7684\u7576\u4e8b\u4eba\u8b80\u4f60\u5beb\u7684\u6771\u897f\u6703\u5f88\u75db\u82e6\u5f88\u96e3\u8b80\u90a3\u4f60\u5c31\u8a72\u6aa2\u8a0e\u4e00\u4e0b\uff0c\u96d6\u7136\u5c0d\u65b9\u4e0d\u592a\u6703\u7576\u9762\u8ddf\u4f60\u8aaa\u4f46\u6700\u5f8c\u5927\u5bb6\u4e00\u5b9a\u6703\u50b3\u4f60\u5beb\u7684\u5f88\u96e3\u8b80\u7684\uff0c\u63d0\u5347\u81ea\u5df1\u7684\u7de8\u5beb\u65b9\u5f0f\u5f88\u91cd\u8981\u80fd\u8b93\u5718\u968a\u5408\u4f5c\u958b\u767c\u66f4\u9806\u5229\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E9%9C%80%E8%A6%81%E6%B3%A8%E6%84%8F%E9%82%A3%E4%BA%9B%E9%BB%9E%E5%91%A2\"><\/span>CSS \u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1338\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u9700\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb<\/strong><ul><li><strong>\u7dca\u6e4a\u683c\u5f0f<\/strong><\/li><li><strong>\u5c55\u958b\u884c\u683c\u5f0f<\/strong><\/li><\/ul><\/li><li><strong>\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c<\/strong><ul><li><strong>\u82f1\u6587\u5c0f\u5beb<\/strong><\/li><li><strong>\u82f1\u6587\u5927\u5beb<\/strong><\/li><\/ul><\/li><li><strong>\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%A3%E5%BC%8F%E6%A0%BC%E5%BC%8F%E6%9B%B8%E5%AF%AB%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>CSS \u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1339\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>\u7dca\u6e4a\u683c\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>p { color: red; font-size: 20px; }\n<\/code><\/pre>\n\n\n\n<p>\u7dca\u6e4a\u578b\u683c\u5f0f\u66f8\u5beb\uff0c\u53ef\u4ee5\u770b\u898b\u5c6c\u6027\u503c\u4e00\u5beb\u5b8c\u5c31\u6309\u7a7a\u683c\u5728\u5beb\u4e0b\u4e00\u500b\u5c6c\u6027\u503c\u904e\u7a0b\u662f\u5206\u5e38\u7dca\u6e4a\u7684\uff0c\u4e26\u4e0d\u63a8\u85a6\u4efb\u4f55\u4eba\u7528\u9019\u7a2e\u65b9\u5f0f\u4f86\u66f8\u5beb CSS\u3002<\/p>\n\n\n\n<ul><li><strong>\u5c55\u958b\u884c\u683c\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>p { \n\tcolor: red; \n\tfont-size: 20px; \n}\n<\/code><\/pre>\n\n\n\n<p>\u5c55\u958b\u884c\u683c\u5f0f\u66f8\u5beb\uff0c\u53ef\u4ee5\u770b\u898b\u5728\u5c6c\u6027\u503c\u4e00\u5beb\u5b8c\u5206\u865f\u7d50\u5c3e\uff0c\u5c31\u7acb\u523b\u65b7\u884c\u5beb\u4e0b\u4e00\u884c\u5728\u9019\u904e\u7a0b\u53ef\u4ee5\u770b\u898b\u8b93\u4eba\u8b80CSS \u4ee3\u78bc\u975e\u5e38\u660e\u78ba\u975e\u5e38\u503c\u89c0\uff0c\u63a8\u85a6\u4efb\u4f55\u4eba\u4f7f\u7528\u9019\u500b\u66f8\u5beb\u65b9\u5f0f\u3002<\/p>\n\n\n\n<p>\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>\u6709\u4e9b\u4eba\u5c31\u6703\u5f88\u597d\u5947\u8aaa\uff0c\u90a3\u4f60\u9019\u6a23\u5beb\u4e0d\u662f\u5f88\u6d6a\u8cbb\u7a7a\u9593\u55ce?\u4e00\u884c\u53ef\u4ee5\u5beb\u5b8c\u70ba\u4ec0\u9ebc\u9700\u8981\u5206\u90a3\u9ebc\u591a\u884c\u5beb\uff0c\u9019\u9ede\u4f60\u4e0d\u7528\u64d4\u5fc3\uff0c\u5728\u5beb\u5b8c\u5168\u90e8\u4ee3\u78bc\u5de5\u7a0b\uff0c\u5718\u968a\u958b\u767c\u5230\u5f8c\u671f\u6703\u9032\u884c\u4ee3\u78bc\u58d3\u7e2e\u5c31\u6703\u8b8a\u6210\u5168\u90e8\u90fd\u662f\u4e00\u884c\uff0c\u5982\u679c\u76f4\u63a5\u5beb\u6210\u4e00\u884c\u7684\u8a71\u5230\u6642\u5019\u9700\u8981\u8abf\u6574\u6771\u897f\u6216\u662f\u6709\u932f\u8aa4\uff0c\u8981\u67e5\u5f88\u4e45\u5f88\u6d6a\u8cbb\u958b\u767c\u6642\u9593\u9031\u671f\u6240\u4ee5\u5440\u70ba\u4ec0\u9ebc\u9019\u5c31\u662f\u5927\u5bb6\u90fd\u662f\u6703\u4f7f\u7528\u5c55\u958b\u5f0f\u98a8\u683c\u4f86\u9032\u884c\u958b\u767c\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%A3%E5%BC%8F%E8%8B%B1%E6%96%87%E5%A4%A7%E5%B0%8F%E5%AF%AB%E9%A2%A8%E6%A0%BC%E7%94%A8%E6%B3%95\"><\/span>CSS \u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1340\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-\u6a23\u5f0f\u82f1\u6587\u5927\u5c0f\u5beb\u98a8\u683c\u7528\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>\u82f1\u6587\u5c0f\u5beb\u98a8\u683c\u5beb\u6cd5<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>p { \n\tcolor: red; \n\tfont-size: 20px; \n}\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u82f1\u6587\u5927\u5beb\u98a8\u683c\u5beb\u6cd5<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>P { \n\tCOLOR: RED; \n\tFONT-SIZE: 20PX; \n}\n<\/code><\/pre>\n\n\n\n<p>\u6a23\u5f0f\u5927\u5c0f\u5beb\u98a8\u683c\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>\u4e00\u822c\u6211\u5011\u5728\u5beb\u524d\u7aef\u7db2\u9801\u90fd\u662f\u4f7f\u7528\u82f1\u6587\u5c0f\u5beb\u4f86\u9032\u884c\u66f8\u5beb\uff0c\u4f60\u53ef\u80fd\u6703\u807d\u8aaa\u6709\u4eba\u6703\u8aaa\u7528\u5927\u5beb\u6bd4\u8f03\u597d\uff0c\u4f46\u5be6\u969b\u4ed6\u5011\u6839\u672c\u6c92\u5728\u505a\u5718\u968a\u958b\u767c\u96d6\u7136\u82f1\u6587\u5927\u5c0f\u5beb\u958b\u767c\u4e5f\u662f\u53ef\u4ee5\u57f7\u884c\u7684\uff0c\u4f46\u4e00\u822c\u5718\u968a\u958b\u767c\u90fd\u8981\u6c42\u4f7f\u7528\u82f1\u6587\u5c0f\u5beb\u4f86\u66f8\u5beb\uff0c\u9664\u975e\u5718\u968a\u6709\u7279\u6b8a\u8981\u6c42\u5426\u5247\u4e0d\u8981\u786c\u8981\u4f7f\u7528\u82f1\u6587\u5927\u5beb\u4f86\u66f8\u5beb\u4ee3\u78bc\u6703\u9020\u6210\u5225\u4eba\u5408\u4f5c\u4e0a\u958b\u767c\u7684\u56f0\u64fe\uff0c\u6240\u4ee5\u63a8\u85a6\u4f7f\u7528\u82f1\u6587\u5c0f\u5beb\u4f86\u5beb\u5537!<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%A3%E5%BC%8F%E7%A9%BA%E6%A0%BC%E9%A2%A8%E6%A0%BC%E7%94%A8%E6%B3%95\"><\/span>CSS \u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1341\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u7a7a\u683c\u98a8\u683c\u7528\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>\u6709\u7a7a\u683c\u5beb\u6cd5<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>p { \n\tcolor: red; \n\tfont-size: 20px; \n}\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u4e0d\u7a7a\u683c\u5beb\u6cd5<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>p{ \n\tcolor:red; \n\tfont-size:20px; \n}\n<\/code><\/pre>\n\n\n\n<p>\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>\u53ef\u4ee5\u767c\u73fe\u5728\u9078\u64c7\u5668 ( \u5c6c\u6027 ) \u5730\u65b9\u6703\u7a7a\u4e00\u683c\u5728\u6253\u82b1\u62ec\u865f\u8207\u5c6c\u6027\u503c\u540d\u7a31\u5192\u865f\u5b8c\u4e5f\u6703\u6253\u4e00\u500b\u7a7a\u683c\uff0c\u9019\u6a23\u7684\u5beb\u6cd5\u662f\u6709\u7a7a\u683c\u7684\u5beb\u6cd5\uff0c\u6703\u8b93\u4eba\u4e00\u773c\u53ef\u4ee5\u8fa8\u8b58\u5c6c\u6027\u8207\u5c6c\u6027\u540d\u5f8c\u9762\u5c31\u662f\u6c92\u6709\u5176\u9918\u6771\u897f\uff0c\u4ee5\u514d\u9020\u6210\u932f\u8aa4\u6216\u662f\u8aa4\u6253\u5176\u5b83\u82f1\u6587\u5b57\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u4f60\u4f7f\u7528\u4e0d\u7a7a\u683c\u6253\u6cd5\uff0c\u9078\u64c7\u5668 ( \u5c6c\u6027 ) \u8207\u5c6c\u6027\u540d\u7a31\u662f\u9023\u5728\u4e00\u8d77\u7684\u5982\u679c\u767c\u751f\u932f\u8aa4\u6216\u662f\u8981\u5728\u9032\u884c\u4fee\u6539\u6703\u4e0d\u592a\u597d\u8fa8\u8a8d\uff0c\u8fa8\u8b58\u5ea6\u5f88\u4f4e\u5f15\u97ff\u958b\u767c\u901f\u5ea6\u548c\u6d41\u66a2\u6027\uff0c\u4e00\u4f4d\u7a31\u8077\u5c08\u696d\u7684\u524d\u7aef\u958b\u767c\u4eba\u54e1\u5168\u90e8\u90fd\u662f\u4f7f\u7528\u6709\u7a7a\u683c\u6253\u6cd5\u5537\uff01<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E4%BB%A3%E7%A2%BC%E9%A2%A8%E6%A0%BC%E7%B8%BD%E7%B5%90\"><\/span>CSS \u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1342\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4ee3\u78bc\u98a8\u683c\u7e3d\u7d50.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u4e00\u4f4d\u7a31\u8077\u53c8\u5c08\u696d\u7684\u524d\u7aef\u4eba\u54e1\u90fd\u6703\u9019\u6a23\u5beb<\/p>\n\n\n\n<ul><li><strong>\u6a23\u5f0f\u683c\u5f0f\u66f8\u5beb &#8211; \u4f7f\u7528\u5c55\u958b\u5f0f\u66f8\u5beb\u98a8\u683c<\/strong><\/li><li><strong>\u6a23\u5f0f\u5927\u5c0f\u5beb &#8211; \u4f7f\u7528\u5c0f\u5beb\u66f8\u5beb\u98a8\u683c<\/strong><\/li><li><strong>\u6a23\u5f0f\u7a7a\u683c &#8211; \u4f7f\u7528\u6709\u7a7a\u683c\u66f8\u5beb\u98a8\u683c<\/strong><\/li><\/ul>\n\n\n\n<p>\u53ea\u8981\u7b26\u5408\u4ee5\u4e0a\u5e7e\u9ede\u4f86\u9032\u884c\u64b0\u5beb\u524d\u7aef\u4ee3\u78bc\uff0c\u5c31\u7b97\u4f60\u662f\u83dc\u9ce5\u5225\u4eba\u4e00\u770b\u5230\u4f60\u9019\u6a23\u5beb\u5c31\u6703\u81ea\u52d5\u8a8d\u70ba\u4f60\u662f\u883b\u53b2\u5bb3\u7684\u4ee5\u524d\u61c9\u8a72\u662f\u6709\u958b\u767c\u7d93\u9a57\u7684\u4eba\u5728\u5718\u968a\u5408\u4f5c\u4e5f\u80fd\u8b93\u5718\u968a\u5927\u5bb6\u77e5\u9053\u4f60\u4e0d\u662f\u592a\u83dc\u7684\u4eba\u5537!<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%9F%BA%E6%9C%AC%E9%81%B8%E6%93%87%E5%99%A8%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>CSS \u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1343\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u57fa\u672c\u9078\u64c7\u5668\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>CSS\u7684\u57fa\u672c\u9078\u64c7\u5668\uff0c\u5982\u679c\u4f60\u4e0d\u77e5\u9053\u5b83\u5011\u4f7f\u7528\u5834\u666f\u4ee5\u53ca\u4f5c\u7528\u662f\u4ec0\u9ebc\uff0c\u4f60\u9700\u8981\u5148\u660e\u767d\u9019\u4e9b\u77e5\u8b58\u624d\u6703\u77e5\u9053\u539f\u4f86\u53ef\u4ee5\u5283\u5206\u9019\u9ebc\u591a\u7a2e\u7a2e\u985e\uff0c\u6240\u4ee5\u4e00\u5b9a\u5c31\u8981\u4f86\u597d\u597d\u4e00\u4e0b\u4ecb\u7d39\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E9%81%B8%E6%93%87%E5%99%A8%E7%9A%84%E4%BD%9C%E7%94%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1344\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u7684\u4f5c\u7528\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div&gt;\u6211\u662fdiv01&lt;\/div&gt;\n&lt;div&gt;\u6211\u662fdiv02&lt;\/div&gt;\n&lt;div&gt;\u6211\u662fdiv03&lt;\/div&gt;\n\n&lt;ul&gt;\n\t&lt;li&gt;\u6211\u662ful\u88e1\u7684li&lt;\/li&gt;\n&lt;\/ul&gt;\n\n&lt;ol&gt;\n\t&lt;li&gt;\u6211\u662fol\u88e1\u7684li&lt;\/li&gt;\n&lt;\/ol&gt;\n<\/code><\/pre>\n\n\n\n<p>\u6211\u5011\u76f4\u63a5\u770b\u500b HTML \u4ee3\u78bc\u554f\u5e7e\u500b\u554f\u984c\u8b93\u4f60\u597d\u597d\u601d\u8003<\/p>\n\n\n\n<ul><li><strong>\u8981\u5982\u4f55\u628a div \u88e1\u9762\u7684\u6587\u5b57\u90fd\u6539\u6210\u7d05\u8272\uff0c\u5176\u4ed6\u6a19\u7c64\u90fd\u4e0d\u6539<\/strong><\/li><li><strong>\u8981\u5982\u4f55\u628a\u7b2c\u4e00\u500b div \u88e1\u982d\u5b57\u9ad4\u6539\u6210\u7d05\u8272\uff0c\u5176\u4ed6\u6a19\u7c64\u90fd\u4e0d\u6539<\/strong><\/li><li><strong>\u8981\u5982\u4f55\u628a\u6240\u6709 &lt;li&gt; \u6a19\u7c64\u6539\u6210\u7d05\u8272\u5b57\u9ad4\uff0c\u5176\u4ed6\u6a19\u7c64\u90fd\u4e0d\u6539<\/strong><\/li><li><strong>\u8981\u5982\u4f55\u628a &lt;ol&gt; \u88e1\u7684 &lt;li&gt; \u6a19\u7c64\u6539\u6210\u7d05\u8272\u5b57\u9ad4\uff0c\u5176\u4ed6\u6a19\u7c64\u90fd\u4e0d\u6539<\/strong><\/li><\/ul>\n\n\n\n<p>\u9019\u6642\u5019\u4f60\u53ef\u80fd\u6703\u89ba\u5f97\u6709\u8fa6\u6cd5\u505a\u5230\u55ce? \u78ba\u5be6\u53ef\u4ee5\u9019\u5c31\u662f CSS \u9078\u64c7\u5668\u6703\u6709\u7684\u7279\u6b8a\u529f\u80fd\uff0c\u4f60\u6240\u60f3\u5230\u7684\u6216\u662f\u4f60\u9084\u6c92\u60f3\u5230\u7684\u90fd\u6709\u8fa6\u6cd5\u5be6\u73fe\u7684\u5537! \u9078\u64c7\u5668 ( \u9078\u64c7\u7b26 ) \u5c31\u662f\u6839\u64da\u4e0d\u540c\u9700\u6c42\u628a\u4e0d\u540c\u6a19\u7c64\u9078\u64c7\u51fa\u4f86\uff0c\u9019\u5c31\u662f\u9078\u64c7\u5668\u7684\u4f5c\u7528\uff0c\u7c21\u55ae\u4f86\u8aaa\u5c31\u662f\u9078\u64c7\u6a19\u7c64\u7528\u7684\uff0c\u5148\u9078\u4e2d\u624d\u80fd\u9032\u884c\u4e0b\u4e00\u6b65\u52d5\u4f5c\uff0c\u4f60\u73fe\u5728\u5361\u4f4f\u7684\u90e8\u5206\u5c0f\u9752\u6211\u6703\u5728\u5f8c\u7e8c\u6162\u6162\u7684\u89e3\u91cb\u8aaa\u660e\u6709\u4ec0\u9ebc\u65b9\u6cd5\uff0c\u4e00\u958b\u59cb\u5148\u5225\u6025\u5148\u6709\u7684\u6982\u5ff5\u5c31\u597d\u3002<\/p>\n\n\n\n<p>\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>\u4ee5\u4e0a CSS \u505a\u4e86\u5169\u4ef6\u4e8b<\/p>\n\n\n\n<ol><li><strong>\u627e\u5230\u6240\u6709 &lt;h1&gt; \u6a19\u984c\u6a19\u7c64 \u5c31\u662f\u9078\u64c7\u5668 ( \u9078\u5c0d\u4eba )<\/strong><\/li><li><strong>\u8a2d\u7f6e\u9019\u4e9b\u6a19\u7c64\u6a23\u5f0f\uff0c\u4f8b\u5982\u6539\u984f\u8272 ( \u505a\u5c0d\u4e8b )<\/strong><\/li><\/ol>\n\n\n\n<p>\u7c21\u55ae\u597d\u7406\u89e3\u5c31\u662f\u60f3\u6210\u6211\u5011\u9700\u8981\u5148\uff0c\u9078\u5c0d\u4eba\u624d\u80fd\u505a\u5c0d\u4e8b\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1345\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>CSS \u9078\u64c7\u5668\u975e\u5e38\u591a\u7a2e\uff0c\u56e0\u70ba\u6703\u9762\u81e8\u5230\u5f88\u591a\u5834\u666f\u90fd\u9700\u8981\u6709\u5c0d\u61c9\u7684\u65b9\u6cd5\uff0c\u4ee5\u524d\u7684\u524d\u8f29\u90fd\u5df2\u7d93\u9047\u904e\u4e86\u4e26\u63d0\u51fa\u8aaa\u9019\u500b\u5834\u666f\u9700\u8981\u7528\u4ec0\u9ebc\u65b9\u6cd5\u4f86\u89e3\u6c7a\uff0c\u65bc\u662f\u4ed6\u5011\u5c31\u57cb\u982d\u89e3\u6c7a\u6389\u9019\u554f\u984c\u5230\u5f8c\u4eba\u7576\u78b0\u5230\u9019\u554f\u984c\u6642\u4f60\u4e0d\u9700\u8981\u6574\u500b\u9020\u8f2a\u5b50\u56e0\u70ba\u90a3\u4e0d\u662f\u65b0\u624b\u8a72\u505a\u7684\u4e8b\uff0c\u4f60\u53ea\u9700\u8981\u67e5\u770b\u524d\u8f29\u662f\u4e0d\u662f\u5df2\u7d93\u89e3\u6c7a\u554f\u984c\u627e\u5230\u4ed6\u7684\u8aaa\u660e\u6587\u6a94\u770b\u4e00\u4e0b\u600e\u9ebc\u7528\u5c31\u597d\uff0c\u4f60\u4e0d\u7528\u64d4\u5fc3\u78b0\u5230\u554f\u984c\u56e0\u70ba\u4f60\u9047\u5230\u7684\u554f\u984c\u57fa\u672c\u4e0a\u5df2\u7d93\u6709\u4eba\u60f3\u5230\u4e86\u4e26\u89e3\u6c7a\u554f\u984c\u4e86\u3002<\/p>\n\n\n\n<p>\u67e5\u627e\u554f\u984c\u548c\u6709\u6c92\u6709\u8a72\u5834\u666f\u7528\u6cd5\uff0c\u4e5f\u662f\u5beb\u4ee3\u78bc\u5fc5\u5099\u6280\u80fd\u5537! \u9019\u4e9b\u90fd\u5728\u6574\u500b Google \u641c\u5c0b\u5f15\u64ce\u4e0a\uff0c\u767e\u5206\u4e4b 99 \u7684\u57fa\u672c\u554f\u984c\u90fd\u5df2\u7d93\u89e3\u6c7a\u6389\u4e86\u4f60\u53ea\u9700\u8981\u67e5\u627e\u5373\u53ef\uff0c\u90a3\u53ef\u80fd\u4f60\u6703\u60f3\u90a3\u9ebc\u591a CSS \u9078\u64c7\u5668\u6211\u90fd\u9700\u8981\u5b78\u6703\u624d\u80fd\u67b6\u8a2d\u51fa\u7db2\u7ad9\u548c\u6210\u70ba\u53b2\u5bb3\u7684\u524d\u7aef\u4eba\u54e1\u55ce?<\/p>\n\n\n\n<p>\u554f\u9019\u554f\u984c\u7684\u4eba\u901a\u5e38\u90fd\u6c92\u597d\u597d\u601d\u8003\u672c\u8cea\uff0c\u90a3\u6211\u554f\u4f60\u5c0f\u6642\u5019\u5b78\u4e2d\u6587\u6709\u9700\u8981\u6703\u5168\u90e8\u4e2d\u6587\u624d\u958b\u53e3\u8b1b\u55ce?\u5b78\u4e2d\u6587\u672c\u8cea\u5c31\u662f\u62ff\u4f86\u4ea4\u6d41\u548c\u95b1\u8b80\u6587\u5b57\u7528\uff0c\u4e00\u822c\u4eba\u4e0d\u6703\u7528\u5927\u5bb6\u5f88\u5c11\u7528\u7684\u55ae\u5b57\u6587\u5b57\u5427\uff0c\u82f1\u6587\u4e5f\u662f\u600e\u6a23\u7b97\u82f1\u6587\u597d\uff0c\u6c92\u6709\u82f1\u6587\u597d\u9019\u4ef6\u4e8b\u7684\u4f60\u9677\u5165\u8ff7\u601d\u9677\u9631\u4e86\uff0c\u90fd\u53ea\u9700\u8981\u61c2\u57fa\u672c\u5e38\u7528\u5927\u5bb6\u90fd\u61c2\u5f97\u5c31\u53ef\u4ee5\u4e86\u5201\u947d\u7684\u55ae\u5b57\u5c31\u7b97\u4f60\u6703\u5225\u4eba\u4e0d\u77e5\u9053\uff0c\u4e5f\u6c92\u610f\u7fa9\uff0c\u4e0d\u77e5\u9053\u7684\u610f\u601d\u67e5\u4e2d\u6587\u6216\u662f\u82f1\u6587\u55ae\u5b57\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n\n\n\n<p>\u90a3\u56de\u904e\u982d\u4f86\u8aaa\uff0c\u4f60\u61c9\u8a72\u77e5\u9053\u5b78 HTML \u6216\u662f CSS \u8a72\u5b78\u5230\u54ea\u88e1\u4e86\u5427?! \u5c31\u662f\u5b78\u6703\u57fa\u672c\u7684\u5927\u5bb6\u5e38\u7528\u7684\u8a9e\u6cd5\u5c31\u53ef\u4ee5\u4e86\uff0c\u9700\u8981\u5176\u4ed6\u529f\u80fd\u67e5\u5c31\u5c0d\u4e86\uff0c\u770b\u5230\u65b0\u529f\u80fd\u67e5\u4ed6\u610f\u601d\u548c\u7528\u6cd5\u5c31\u53ef\u4ee5\u4e86\uff0c\u800c\u4e0d\u662f\u53bb\u80cc\u5b83\u610f\u601d\u548c\u8a9e\u6cd5\uff0c\u5beb\u4ee3\u78bc\u4e0d\u662f\u5728\u80cc\u8aa6\u5927\u8cfd\u5148\u641e\u6e05\u695a\u672c\u8cea\u5426\u5247\u4f60\u6c38\u9060\u90fd\u6b62\u6b65\u4e0d\u524d\u3002<\/p>\n\n\n\n<p>\u5c0f\u7e3d\u7d50:<\/p>\n\n\n\n<p>\u4f60\u4e0d\u9700\u8981\u6703\u5168\u90e8 CSS \u9078\u64c7\u5668\uff0c\u4f60\u9700\u8981\u7528\u7684\u6642\u5019\u77e5\u9053\u90a3\u5834\u666f\u5728\u53bb\u67e5\u624b\u518a\u5c31\u80fd\u5920\u5e6b\u52a9\u4f60\u89e3\u6c7a\u4e86\uff0c\u4e0d\u8981\u56e0\u70ba\u9078\u64c7\u5668\u591a\u4f60\u5c31\u5bb3\u6015\uff0c\u591a\u4f60\u624d\u8981\u6176\u5e78\u56e0\u70ba\u5927\u5bb6\u90fd\u5e6b\u4f60\u89e3\u6c7a\u4e86\u554f\u984c\u4f60\u7528\u5c31\u597d\uff0c\u521d\u5b78\u4f60\u4e5f\u4e0d\u53ef\u80fd\u53bb\u5beb\u529f\u80fd\u7684\uff0c\u4ec0\u9ebc\u6a23\u7684\u80fd\u529b\u5c31\u505a\u4ec0\u9ebc\u6a23\u7684\u4e8b\uff0c\u4f60\u53ef\u4ee5\u60f3\u4eca\u5929\u9078\u64c7\u5668\u591a\u5c31\u50cf\u662f\u6211\u4eca\u5929\u56de\u5bb6\u7684\u8def\u6709\u5f88\u591a\u7a2e\uff0c\u4f60\u8981\u7528\u8d70\u7684\u3001\u5750\u8eca\u7684\u3001\u7528\u98db\u7684\u90fd\u53ef\u4ee5\u5230\u76ee\u7684\u5730\uff0c\u6700\u6158\u7684\u662f\u4f60\u600e\u6a23\u90fd\u5230\u4e0d\u4e86\u90a3\u5c31\u8aaa\u660e\u90a3\u8a9e\u8a00\u592a\u65b0\u4ec0\u9ebc\u529f\u80fd\u90fd\u6c92\u6709\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E9%81%B8%E6%93%87%E5%99%A8%E5%88%86%E9%A1%9E%E6%9C%89%E5%93%AA%E4%BA%9B%E8%A9%B2%E6%B3%A8%E6%84%8F\"><\/span>CSS \u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1346\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u9078\u64c7\u5668\u5206\u985e\u6709\u54ea\u4e9b\u8a72\u6ce8\u610f.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u9078\u64c7\u5668\u96d6\u7136\u5f88\u591a\uff0c\u4f46\u662f\u6574\u9ad4\u662f\u80fd\u5920\u5206\u6210\u5169\u5927\u7d44\u5206\u5225\u662f\uff0c\u57fa\u790e\u9078\u64c7\u5668\u548c\u8907\u5408\u9078\u64c7\u5668\u9019\u5169\u5927\u985e<\/p>\n\n\n\n<ul><li><strong>\u57fa\u790e\u9078\u64c7\u5668<\/strong><\/li><li><strong>\u8907\u5408\u9078\u64c7\u5668<\/strong><\/li><\/ul>\n\n\n\n<p>\u57fa\u790e\u9078\u64c7\u5668\u5c31\u662f\u7531\u55ae\u500b\u9078\u64c7\u5668\u6240\u7d44\u6210\u7684\u5c31\u662f\u90a3\u9ebc\u7c21\u55ae\uff0c\u800c\u591a\u500b\u9078\u64c7\u5668\u5c31\u662f\u7531\u591a\u500b\u9078\u64c7\u5668\u6240\u7d44\u6210\u5c31\u9019\u6a23\u6c92\u4e86\u5176\u5be6\u4e0d\u96e3\u601d\u8003\u5427\uff0c\u4f46\u662f\u57fa\u790e\u9078\u64c7\u5668\u9084\u53ef\u4ee5\u518d\u7d30\u5206\u6210\u6a19\u7c64\u9078\u64c7\u5668\u3001class ( \u985e ) \u9078\u64c7\u5668\u3001id \u9078\u64c7\u5668\u548c\u63a8\u901a\u914d\u7b26\u9078\u64c7\u5668\u3002<\/p>\n\n\n\n<ul><li><strong>\u57fa\u790e\u9078\u64c7\u5668<\/strong><ul><li><strong>\u6a19\u7c64\u9078\u64c7\u5668<\/strong><\/li><li><strong>class ( \u985e ) \u9078\u64c7\u5668<\/strong><\/li><li><strong>id \u9078\u64c7\u5668<\/strong><\/li><li><strong>\u901a\u914d\u7b26\u9078\u64c7\u5668<\/strong><\/li><\/ul><\/li><\/ul>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1347\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6a19\u7c64\u9078\u64c7\u5668 ( \u5143\u7d20\u9078\u64c7\u5668 ) \u662f\u6307\u7528 HTML \u6a19\u7c64\u540d\u7a31\u4f5c\u70ba\u9078\u64c7\u5668\uff0c\u6211\u60f3\u4f60\u61c9\u8a72\u9084\u8a18\u5f97 HTML \u5143\u7d20\u6a19\u7c64\u5427?! \u5982\u679c\u5fd8\u8a18\u53ef\u4ee5\u53bb\u8907\u7fd2\u4e00\u4e0b\uff0c\u6703\u6309\u7167\u6a19\u7c64\u540d\u7a31\u9032\u884c\u5206\u985e\uff0c\u70ba\u9801\u9762\u4e2d\u67d0\u4e00\u500b\u5927\u985e\u6a19\u7c64\u9032\u884c\u6307\u5b9a\u7d71\u4e00\u6539\u8b8a CSS \u6a23\u5f0f\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95%E7%94%A8%E6%B3%95\"><\/span>CSS \u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1348\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5047\u8a2d\u9700\u8981\u6539\u8b8a\u9801\u9762\u4e2d\u6240\u6709 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u5982\u4e0b\u9019\u6a23\u4f7f\u7528<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u6a19\u7c64\u540d{\n\t\u5c6c\u6027\u540d\u7a3101: \u5c6c\u6027\u503c01;\n\t\u5c6c\u6027\u540d\u7a3102: \u5c6c\u6027\u503c02;\n\n}\n\np {\n\tcolor: red;\n\tfont-size: 15px;\n\t\n}\n\n<\/code><\/pre>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD\"><\/span>CSS \u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1349\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6a19\u7c64\u9078\u64c7\u5668\u5c31\u662f\u53ef\u4ee5\u628a\u67d0\u4e00\u5927\u985e\u7684\u6a19\u7c64\u5168\u90e8\u9078\u64c7\u51fa\u4f86\uff0c\u7d71\u4e00\u9032\u884c CSS \u6a23\u5f0f\u6539\u8b8a\uff0c\u4f8b\u5982\u6539\u8b8a\u9801\u9762\u5168\u90e8\u7684 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u6216\u662f &lt;div&gt; \u6a19\u7c64\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"CSS_%E6%A8%99%E7%B1%A4%E9%81%B8%E6%93%87%E5%99%A8%E5%84%AA%E9%BB%9E%E8%88%87%E7%BC%BA%E9%BB%9E%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>CSS \u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1350\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a19\u7c64\u9078\u64c7\u5668\u512a\u9ede\u8207\u7f3a\u9ede\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u512a\u9ede<\/p>\n\n\n\n<ul><li><strong>\u80fd\u5920\u5feb\u901f\u70ba\u9801\u9762\u4e2d\u540c\u985e\u578b\u7684\u6a19\u7c64\u7d71\u4e00\u8a2d\u7f6e\u6a23\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<p>\u7f3a\u9ede<\/p>\n\n\n\n<ul><li><strong>\u7121\u6cd5\u5dee\u7570\u5316\u55ae\u7368\u8a2d\u7f6e\u540c\u985e\u578b\u6a19\u7c64\uff0c\u56e0\u70ba\u6b64\u529f\u80fd\u5c31\u662f\u53ea\u80fd\u9078\u64c7\u5168\u90e8\u7684\u7576\u524d\u6a19\u7c64<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1351\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>class ( \u985e ) \u9078\u64c7\u5668\u662f\u5982\u679c\u4f60\u6709\u60f3\u8981\u9078\u64c7\u540c\u6a19\u7c64\uff0c\u4f46\u60f3\u55ae\u7368\u9078\u64c7\u5176\u4e2d\u67d0\u4e00\u500b\u5c31\u53ef\u4ee5\u4f7f\u7528 class ( \u985e ) \u9078\u64c7\u5668\u5c31\u80fd\u5920\u89e3\u6c7a\u9019\u500b\u554f\u984c\u56c9!<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95\"><\/span>class ( \u985e ) \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1352\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5047\u8a2d\u9700\u8981\u6539\u8b8a\u9801\u9762\u4e2d\u6240\u6709 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u5982\u4e0b\u9019\u6a23\u4f7f\u7528<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.\u6a19\u7c64\u540d{\n\t\u5c6c\u6027\u540d\u7a3101: \u5c6c\u6027\u503c01;\n\t\u5c6c\u6027\u540d\u7a3102: \u5c6c\u6027\u503c02;\n\n}\n\n.red {\n\tcolor: red;\n\tfont-size: 15px;\n\t\n}\n\n.green {\n\tcolor: green;\n\tfont-size: 15px;\n\t\n}\n\n<\/code><\/pre>\n\n\n\n<p>HTML \u6a19\u7c64\u8a9e\u8a00\u8981\u5148\u9032\u884c\u6a19\u8a18 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u52a0\u5165 class \u5c6c\u6027\u4e26\u53d6\u540d\u5b57\u5373\u53ef<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul &gt;\n\n\t&lt;li class=\"red\"&gt;\u6b64\u6587\u5b57\u8981\u6539\u7d05\u8272&lt;\/li&gt;\n\t&lt;li class=\"green\"&gt;\u6b64\u6587\u5b57\u662f\u7da0\u8272&lt;\/li&gt;\n\t&lt;li&gt;\u6b64\u6587\u5b57\u662f\u9ed1\u8272&lt;\/li&gt;\n\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>class ( \u985e ) \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1353\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>class ( \u985e ) \u9078\u64c7\u5668\u5c31\u662f\u53ef\u4ee5\u628a\u67d0\u4e00\u5927\u985e\u7684\u76f8\u540c\u6a19\u7c64\uff0c\u5176\u4e2d\u7279\u5225\u67d0\u4e00\u500b\u52a0\u5165 class ( \u985e ) \u4e26\u81ea\u5b9a\u7fa9\u547d\u540d\u9032\u884c CSS \u6a23\u5f0f\u6539\u8b8a\uff0c\u4f8b\u5982\u6539\u8b8a &lt;p class=&#8221;red&#8221;&gt; \u6bb5\u843d\u6a19\u7c64\u3002<\/p>\n\n\n\n<p>\u8981\u6ce8\u610f\u90a3\u4e9b\u9ede\u5462?<\/p>\n\n\n\n<ul><li><strong>class ( \u985e ) \u9078\u64c7\u5668\u662f\u4f7f\u7528 &#8220;.&#8221; ( \u82f1\u6587\u9ede\u865f ) \u9032\u884c\u6a19\u8a18\uff0c\u5f8c\u9762\u624d\u662f\u7dca\u8ddf\u81ea\u5b9a\u7fa9\u540d\u7a31\u3002<\/strong><\/li><li><strong>\u81ea\u5b9a\u7fa9\u547d\u540d\u4e0d\u8981\u4f7f\u7528\u7cfb\u7d71\u9ed8\u8a8d\u6587\u5b57\u540d\u7a31\uff0c\u4f8b\u5982 div \u6216\u662f span<\/strong><\/li><li><strong>\u4e0d\u8981\u4f7f\u7528\u6578\u5b57\u3001\u4e2d\u6587\u547d\u540d\uff0c\u8acb\u4f7f\u7528\u82f1\u6587\u547d\u540d<\/strong><\/li><li><strong>\u81ea\u5b9a\u7fa9\u547d\u540d\u592a\u9577\u53ef\u4ee5\u4f7f\u7528\u6e1b\u865f\u7b26\u865f ( &#8211; ) \u6216\u662f\u5e95\u7dda\u7b26\u865f ( _ ) \u88dc\u52a9\u95b1\u8b80<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D_%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d \u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1354\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>class ( \u985e ) \u591a\u985e\u540d\u662f\u7d66\u4e00\u500b\u6a19\u7c64\u53d6\u591a\u500b\u540d\u7a31\uff0c\u5f9e\u800c\u9054\u5230\u66f4\u591a\u7684\u9078\u64c7\u76ee\u7684\uff0c\u5c31\u50cf\u4f60\u53ef\u80fd\u53eb\u67d0\u67d0\u67d0\u4f46\u662f\u540c\u73ed\u540c\u5b78\u5982\u679c\u525b\u597d\u4e5f\u53eb\u8ddf\u4f60\u4e00\u6a21\u4e00\u6a23\u540d\u5b57\uff0c\u9019\u6642\u5019\u8001\u5e2b\u6216\u662f\u540c\u5b78\u70ba\u4e86\u8981\u5340\u5225\u958b\u4f86\u5c31\u6703\u53eb\u4f60\u66b1\u7a31\uff0c\u4e0d\u7136\u53eb\u4e00\u500b\u4eba\u540d\u5b57\u7a81\u7136\u5169\u500b\u4eba\u56de\u7b54\u53ef\u4e0d\u662f\u8fa6\u6cd5\uff0c\u6240\u4ee5\u4e00\u500b\u4eba\u6709\u591a\u500b\u66b1\u7a31\u4e5f\u662f\u5f88\u6b63\u5e38\u7684\uff0c\u90a3\u6211\u5011\u4e5f\u80fd\u5920\u7528\u5728 CSS \u4e4b\u4e2d\u4e5f\u5c31\u662fclass(\u985e)\u9078\u64c7\u5668\u80fd\u5920\u8b93\u4f60\u53d6\u591a\u500b\u540d\u7a31\u505a\u5340\u5225\u958b\u4f86\u52d5\u4f5c\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F\"><\/span>class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1355\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul&gt;\n\n\t&lt;li class=\"red font25\"&gt;\u6b64\u6587\u5b57\u8981\u6539\u7d05\u8272&lt;\/li&gt;\n\t&lt;li&gt;\u6b64\u6587\u5b57\u662f\u9ed1\u8272&lt;\/li&gt;\n\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.red {\n\tcolor: red;\t\n}\n\n.font25 {\n\tfont-size: 25px;\n\t\n}\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u80fd\u5728 class \u5c6c\u6027\u4e2d\u5beb\u591a\u985e\u540d<\/strong><\/li><li><strong>\u591a\u985e\u540d\u4e2d\u9593\u5fc5\u9808\u7528\u7a7a\u683c\u5206\u958b<\/strong><\/li><li><strong>\u591a\u985e\u540d\u6a19\u7c64\u6703\u5177\u6709\u591a\u91cd\u6a23\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8_-_%E5%A4%9A%E9%A1%9E%E5%90%8D%E7%9A%84%E4%BD%BF%E7%94%A8%E5%A0%B4%E6%99%AF\"><\/span>CSS \u7684 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1356\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u5834\u666f.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\n\t&lt;div class=\"red box\"&gt;\u7d05\u76d2\u5b50&lt;\/div&gt;\n\t&lt;div class=\"blue box\"&gt;\u7da0\u76d2\u5b50&lt;\/div&gt;\n\t&lt;div class=\"red box\"&gt;\u7d05\u76d2\u5b50&lt;\/div&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.red {\n\tcolor: red;\t\n}\n\n.blue {\n\tcolor: blue;\t\n}\n\n.box {\n\twidth: 100px;\n\theight: 100px;\t\n}\n<\/code><\/pre>\n\n\n\n<p>\u9019\u6709\u4e09\u500b\u76d2\u5b50\u5176\u4e2d\u6709\u5169\u500b\u7d05\u8272\u8207\u4e00\u500b\u7da0\u8272\uff0c\u984f\u8272\u6211\u5011\u5206\u958b\u4f86\u5beb CSS \u6a23\u5f0f\u9019\u6a23\u6bd4\u8f03\u597d\u7406\u89e3\uff0c\u4f46\u4eca\u5929\u6211\u6bcf\u500b\u76d2\u5b50\u90fd\u9700\u8981\u4e00\u5b9a\u7684\u5bec\u548c\u9ad8\u503c\uff0c\u4e5f\u662f\u53ef\u4ee5\u76f4\u63a5\u628a width \u5bec\u5ea6\u5c6c\u6027\u548c height \u9ad8\u5ea6\u5c6c\u6027\u5beb\u5728\u984f\u8272\u7684\u88e1\u9762\uff0c\u4f46\u554f\u984c\u4f86\u4e86\u6211\u9700\u8981\u6253\u56db\u884c\u660e\u660e\u662f\u6539\u8b8a\u540c\u6a23\u6771\u897f\uff0c\u6240\u4ee5\u6211\u628a\u6539\u8b8a\u5bec\u548c\u9ad8\u55ae\u7368\u5beb\u4e00\u500b box \u5c6c\u6027\u6a23\u5f0f\uff0c\u53ea\u9700\u8981\u5beb 2 \u884c\u5c31\u80fd\u5920\u89e3\u6c7a\u3002<\/p>\n\n\n\n<p>\u5728\u5f80\u5f8c\u7dad\u8b77\u5c31\u66f4\u52a0\u7684\u5bb9\u6613\u5feb\u901f\u63a7\u5236\u80fd\u5920\u7bc0\u7701\u6642\u9593\uff0c\u4f46\u53ef\u80fd\u4f60\u73fe\u5728\u6c92\u6709\u4ec0\u9ebc\u7279\u5225\u611f\u89ba\uff0c\u5728\u4e00\u500b\u5b8c\u6574\u7684\u9801\u9762\u53ef\u4e0d\u53ea\u4e00\u500b\u76d2\u5b50\u5047\u8a2d\u4eca\u5929\u6709 10 \u500b\u76d2\u5b50\u4f60\u6bcf\u500b\u76d2\u5b50\u90fd\u662f\u91cd\u8907\u7684\u5bec\u548c\u9ad8\u662f\u8981\u8a2d\u5b9a\u4e00\u6a23\u7684\u503c\uff0c\u4f60\u9700\u8981\u6253 20 \u884c\uff0c\u5982\u679c\u9700\u8981\u4fee\u6539\u8981\u5728\u4e00\u6b21\u6539 20 \u500b\uff0c\u4eca\u5929\u6211\u4f7f\u7528 class ( \u985e ) \u9078\u64c7\u5668 &#8211; \u591a\u985e\u540d\u7684\u8a71\u6211\u53ea\u9700\u8981\u6539 2 \u884c\u88e1\u982d\u7684\u6578\u503c\uff0c\u9019\u6a23\u4f60\u89ba\u5f97\u65e5\u5f8c\u7dad\u8b77\u8ab0\u6bd4\u8f03\u8f15\u9b06\u5462?! \u53ef\u4ee5\u597d\u597d\u601d\u8003\u4e00\u4e0b<\/p>\n\n\n\n<p>\u5c0f\u7e3d\u7d50<\/p>\n\n\n\n<ul><li><strong>\u80fd\u628a\u9700\u8981\u91cd\u8907\u7684\u76f8\u540c\u6a19\u7c64\u5143\u7d20\u6a23\u5f0f\uff0c\u653e\u5230\u540c\u4e00\u500b class ( \u985e ) \u88e1\u982d<\/strong><\/li><li><strong>\u4f7f\u7528\u591a class ( \u985e ) \u540d\uff0c\u80fd\u63d0\u9ad8\u7dad\u8b77\u6548\u7387<\/strong><\/li><li><strong>\u80fd\u4f7f\u76f8\u540c\u4ee3\u78bc\u53ea\u9700\u8981\u4e00\u7d44\u5c31\u597d\uff0c\u4f7f\u5f97\u4ee3\u78bc\u66f4\u7c21\u6f54<\/strong><\/li><li><strong>\u591a class ( \u985e ) \u540d\u5728\u5f8c\u671f\u4f48\u5c40\u8d8a\u4f86\u8d8a\u8c50\u5bcc\u7684\u60c5\u6cc1\u4e0b\uff0c\u6703\u4f7f\u7528\u7684\u60c5\u6cc1\u5c31\u6703\u8d8a\u591a ( \u91cd\u8981 )<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%84%AA%E9%BB%9E%E7%BC%BA%E9%BB%9E%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>class ( \u985e ) \u9078\u64c7\u5668\u512a\u9ede\u7f3a\u9ede\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1366\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/class\u985e\u9078\u64c7\u5668-\u591a\u985e\u540d\u7684\u4f7f\u7528\u65b9\u5f0f-1.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u512a\u9ede<\/p>\n\n\n\n<ul><li><strong>\u80fd\u5920\u5feb\u901f\u70ba\u9801\u9762\u4e2d\u540c\u985e\u578b\u7684\u6a19\u7c64\u7d71\u4e00\u8a2d\u7f6e\u6a23\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<p>\u7f3a\u9ede<\/p>\n\n\n\n<ul><li><strong>\u7121\u6cd5\u5dee\u7570\u5316\u55ae\u7368\u8a2d\u7f6e\u540c\u985e\u578b\u6a19\u7c64\uff0c\u56e0\u70ba\u6b64\u529f\u80fd\u5c31\u662f\u53ea\u80fd\u9078\u64c7\u5168\u90e8\u7684\u7576\u524d\u6a19\u7c64<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684 id \u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1357\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>id \u9078\u64c7\u5668\u8ddf class ( \u985e ) \u9078\u64c7\u5668\u76f8\u4f3c\uff0c\u5982\u679c\u4f60\u6709\u60f3\u8981\u9078\u64c7\u540c\u6a19\u7c64\uff0c\u4f46\u60f3\u55ae\u7368\u9078\u64c7\u5176\u4e2d\u67d0\u4e00\u500b\u5c31\u53ef\u4ee5\u4f7f\u7528 id \u9078\u64c7\u5668\u5c31\u80fd\u5920\u89e3\u6c7a\u9019\u500b\u554f\u984c\u56c9!\u4f46\u662fid\u9078\u64c7\u5668\u662f\u53ea\u80fd\u6709\u7279\u5b9a\u4e00\u7d44\u7684\u5b58\u5728\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"id_%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95%E7%94%A8%E6%B3%95\"><\/span>id \u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1358\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5\u7528\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5047\u8a2d\u9700\u8981\u6539\u8b8a\u9801\u9762\u4e2d\u6240\u6709 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u5982\u4e0b\u9019\u6a23\u4f7f\u7528<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#\u6a19\u7c64\u540d{\n\t\u5c6c\u6027\u540d\u7a3101: \u5c6c\u6027\u503c01;\n\t\u5c6c\u6027\u540d\u7a3102: \u5c6c\u6027\u503c02;\n\n}\n\n#red {\n\tcolor: red;\n\tfont-size: 15px;\n\t\n}\n\n#green {\n\tcolor: green;\n\tfont-size: 15px;\n\t\n}\n\n<\/code><\/pre>\n\n\n\n<p>HTML \u6a19\u7c64\u8a9e\u8a00\u8981\u5148\u9032\u884c\u6a19\u8a18 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u52a0\u5165 class \u5c6c\u6027\u4e26\u53d6\u540d\u5b57\u5373\u53ef<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul &gt;\n\n\t&lt;li id=\"red\"&gt;\u6b64\u6587\u5b57\u8981\u6539\u7d05\u8272&lt;\/li&gt;\n\t&lt;li iid=\"green\"&gt;\u6b64\u6587\u5b57\u662f\u7da0\u8272&lt;\/li&gt;\n\t&lt;li&gt;\u6b64\u6587\u5b57\u662f\u9ed1\u8272&lt;\/li&gt;\n\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"id_%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD\"><\/span>id \u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1359\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/id\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>id \u9078\u64c7\u5668\u5c31\u662f\u53ef\u4ee5\u628a\u67d0\u4e00\u5927\u985e\u7684\u76f8\u540c\u6a19\u7c64\uff0c\u5176\u4e2d\u7279\u5225\u67d0\u4e00\u500b\u52a0\u5165 id \u4e26\u81ea\u5b9a\u7fa9\u547d\u540d\u9032\u884c CSS \u6a23\u5f0f\u6539\u8b8a\uff0c\u4f8b\u5982\u6539\u8b8a &lt;p id=&#8221;red&#8221;&gt; \u6bb5\u843d\u6a19\u7c64\u3002<\/p>\n\n\n\n<p>\u8981\u6ce8\u610f\u7684\u9ede\u6709\u54ea\u4e9b\u5462?<\/p>\n\n\n\n<ul><li><strong>id \u9078\u64c7\u5668\u662f\u4f7f\u7528 &#8221; # &#8221; ( \u82f1\u6587\u4e95\u865f ) \u9032\u884c\u6a19\u8a18\uff0c\u5f8c\u9762\u624d\u662f\u7dca\u8ddf\u81ea\u5b9a\u7fa9\u540d\u7a31\u3002<\/strong><\/li><li><strong>\u81ea\u5b9a\u7fa9\u547d\u540d\u4e0d\u8981\u4f7f\u7528\u7cfb\u7d71\u9ed8\u8a8d\u6587\u5b57\u540d\u7a31\uff0c\u4f8b\u5982 div \u6216\u662f span<\/strong><\/li><li><strong>\u4e0d\u8981\u4f7f\u7528\u6578\u5b57\u3001\u4e2d\u6587\u547d\u540d\uff0c\u8acb\u4f7f\u7528\u82f1\u6587\u547d\u540d<\/strong><\/li><li><strong>\u81ea\u5b9a\u7fa9\u547d\u540d\u592a\u9577\u53ef\u4ee5\u4f7f\u7528\u6e1b\u865f\u7b26\u865f ( &#8211; ) \u6216\u662f\u5e95\u7dda\u7b26\u865f ( _ ) \u88dc\u52a9\u95b1\u8b80<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E8%88%87_class_%E9%A1%9E_%E9%81%B8%E6%93%87%E5%99%A8%E5%B7%AE%E7%95%B0%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u9078\u64c7\u5668\u5dee\u7570\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6a23\u5f0f\u901a\u5e38\u90fd\u6703\u4f7f\u7528 class ( \u985e ) \u4f86\u9032\u884c\u6a23\u5f0f\u7684\u6539\u8b8a\uff0c\u800c id \u9078\u64c7\u5668\u662f\u7528\u4f86\u63cf\u8ff0\u7d50\u69cb\u7528\u7684\u56e0\u70ba id \u53ea\u80fd\u8abf\u7528\u4e00\u6b21\uff0c\u5225\u4eba\u5207\u52ff\u4f7f\u7528\u6216\u662f\u53d6\u540d\u8ddf\u67d0 id \u9078\u64c7\u5668\u4e00\u6a23\u540d\u7a31\uff0c\u4e5f\u5c31\u662f\u5168\u7db2\u9801\u53ea\u6709\u90a3\u4e00\u500b id \u9078\u64c7\u5668\u547d\u540d\u7368\u4e00\u7121\u4e8c\u7684\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84_id_%E9%81%B8%E6%93%87%E5%99%A8%E8%88%87_class_%E9%A1%9E_%E7%9A%84%E5%8D%80%E5%88%A5%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684 id \u9078\u64c7\u5668\u8207 class ( \u985e ) \u7684\u5340\u5225\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1361\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684id\u9078\u64c7\u5668\u8207class\u985e\u7684\u5340\u5225\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<ul><li><strong>class ( \u985e ) \u9078\u64c7\u5668\u5c31\u597d\u6bd4\u4eba\u7684\u540d\u5b57\uff0c\u4e00\u500b\u4eba\u53ef\u4ee5\u6709\u591a\u500b\u540d\u5b57\u548c\u66b1\u7a31\u53ef\u4ee5\u9032\u884c\u66f4\u6539\uff0c\u53ef\u591a\u4eba\u4f7f\u7528<\/strong><\/li><li><strong>id \u9078\u64c7\u5668\u5c31\u597d\u6bd4\u4eba\u7684\u8eab\u5206\u8b49 ID \u5168\u570b\u53ea\u6709\u4f60\u4e00\u4eba\u662f\u9019\u500b ID \u78bc\uff0c\u4e0d\u53ef\u80fd\u51fa\u73fe\u8ddf\u4f60\u4e00\u6a23\u7684\uff0c\u4e0d\u53ef\u91cd\u8907<\/strong><\/li><li><strong>id \u9078\u64c7\u5668\u548c class ( \u985e ) \u9078\u64c7\u5668\u6700\u5927\u5340\u5225\u5728\u65bc\u4f7f\u7528\u6b21\u6578\u4e0a<\/strong><\/li><li><strong>class ( \u985e ) \u9078\u64c7\u5668\u5728\u4fee\u6539\u6a23\u5f0f\u4e2d\u7528\u7684\u6700\u591a<\/strong><\/li><li><strong>id \u9078\u64c7\u5668\u4e00\u822c\u7528\u65bc\u9801\u9762\u552f\u4e00\u7684\u6a19\u7c64\u5143\u7d20\u4e0a\uff0c\u7d93\u5e38\u6703\u548c Javascript \u642d\u914d\u4f7f\u7528<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E7%9A%84%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1362\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u7684\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5728 CSS \u4e2d\u901a\u914d\u7b26\u9078\u64c7\u5668\u662f\u4f7f\u7528\u7b26\u865f &#8221; * &#8221; ( \u82f1\u6587\u661f\u865f )\uff0c\u5b83\u8868\u793a\u9078\u53d6\u9801\u9762\u4e2d\u6240\u6709\u5143\u7d20\u6a19\u7c64\uff0c\u4e5f\u5c31\u662f\u4e0d\u7ba1\u4f60\u4f7f\u7528\u4e86\u4ec0\u9ebc HTML \u6a19\u7c64\u5143\u7d20\u901a\u901a\u6703\u5168\u90e8\u9078\u64c7\u8d77\u4f86\uff0c\u4f60\u5c31\u80fd\u5920\u5168\u90e8\u4e00\u8d77\u66f4\u6539\u6a23\u5f0f\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95\"><\/span>\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1363\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u57fa\u672c\u8a9e\u6cd5.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5047\u8a2d\u9700\u8981\u6539\u8b8a\u9801\u9762\u4e2d\u6240\u6709\u5143\u7d20\u6a19\u7c64\u5982\u4e0b\u9019\u6a23\u4f7f\u7528<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>* {\n\t\u5c6c\u6027\u540d\u7a3101: \u5c6c\u6027\u503c01;\n\t\u5c6c\u6027\u540d\u7a3102: \u5c6c\u6027\u503c02;\n\n}\n\n* {\n\tcolor: red;\n\tfont-size: 15px;\n\t\n}\n<\/code><\/pre>\n\n\n\n<p>HTML \u6a19\u7c64\u8a9e\u8a00\u8981\u5148\u9032\u884c\u6a19\u8a18 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u52a0\u5165 class \u5c6c\u6027\u4e26\u53d6\u540d\u5b57\u5373\u53ef<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul &gt;\n\n\t&lt;li&gt;\u6b64\u6587\u5b57\u8981\u6539\u7d05\u8272&lt;\/li&gt;\n\t&lt;li&gt;\u6b64\u6587\u5b57\u662f\u7da0\u8272&lt;\/li&gt;\n\t&lt;li&gt;\u6b64\u6587\u5b57\u662f\u9ed1\u8272&lt;\/li&gt;\n\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"%E9%80%9A%E9%85%8D%E7%AC%A6%E9%81%B8%E6%93%87%E5%99%A8%E4%BD%9C%E7%94%A8%E5%8A%9F%E8%83%BD%E6%9C%89%E5%93%AA%E4%BA%9B\"><\/span>\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1364\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u901a\u914d\u7b26\u9078\u64c7\u5668\u4f5c\u7528\u529f\u80fd\u6709\u54ea\u4e9b.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u901a\u914d\u7b26\u9078\u64c7\u5668\u5c31\u662f\u53ef\u4ee5\u628a\u5168\u90e8\u5143\u7d20\u6a19\u7c64\u901a\u901a\u9032\u884c\u9078\u64c7\u8d77\u4f86\uff0c\u4e0d\u9700\u8981\u6307\u5b9a\u67d0\u500b\u5143\u7d20\u6a19\u7c64\u6216\u662f\u81ea\u5b9a\u7fa9\u547d\u540d\u5c31\u80fd\u5920\u81ea\u52d5\u9032\u884c CSS \u6a23\u5f0f\u6539\u8b8a\uff0c\u4e0d\u904e\u901a\u5e38\u901a\u914d\u7b26\u9078\u64c7\u5668\u90fd\u662f\u7279\u6b8a\u60c5\u6cc1\u624d\u6703\u4f7f\u7528\uff0c\u4e0b\u5217\u662f\u901a\u914d\u7b26\u9078\u64c7\u5668\u6700\u5e38\u7528\u7684\u60c5\u6cc1\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>* {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u91cd\u7f6e\u9801\u9762\u7684 margin<\/strong><\/li><li><strong>\u91cd\u7f6e\u9801\u9762\u7684 padding<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"%E6%89%80%E6%9C%89%E9%81%B8%E6%93%87%E5%99%A8%E5%A4%A7%E7%B8%BD%E7%B5%90\"><\/span>\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"\" class=\"wp-image-1365\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/\u6240\u6709\u9078\u64c7\u5668\u5927\u7e3d\u7d50.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u7d93\u904e\u4e00\u9023\u4e32\u7684\u5b78\u7fd2CSS\u662f\u4ec0\u9ebc? \u6211\u76f8\u4fe1\u4f60\u61c9\u8a72\u80fd\u66f4\u638c\u63e1 CSS \u5176\u4e2d\u7684\u5967\u5999\u4e86\u5427! \u6700\u91cd\u8981\u7684\u4e8b class ( \u985e ) \u9078\u64c7\u5668\u548c id \u9078\u64c7\u5668\uff0c\u4f60\u77e5\u9053\u5206\u5225\u54ea\u500b\u7528\u5230\u7684\u5834\u666f\u55ce? \u9084\u6709\u54ea\u4e00\u500b\u4f7f\u7528\u7684\u983b\u7387\u6703\u6bd4\u8f03\u9ad8\u5462? CSS \u6709\u64b0\u5beb\u98a8\u683c\u55ce\u9084\u662f\u80fd\u8dd1\u5c31\u597d?  \u4ee5\u4e0a\u9019\u4e9b\u554f\u984c\u4f60\u80fd\u5920\u8f15\u9b06\u56de\u7b54\u5c31\u8aaa\u660e\u4f60\u4e86\u89e3\u6700\u5e38\u4f7f\u7528\u7684CSS\u9078\u64c7\u5668\u56c9! \u5982\u679c\u9084\u4e0d\u6703\u8d95\u7dca\u56de\u5230\u8a72\u7bc0\u7df4\u7fd2\u7df4\u7fd2\uff0c\u5b78\u7fd2\u90fd\u662f\u9700\u8981\u4e00\u4e9b\u6642\u9593\u7684\u4e0d\u9700\u8981\u6025\u638c\u63e1\u81ea\u5df1\u7bc0\u594f\u6bd4\u8f03\u91cd\u8981\uff0c\u6211\u76f8\u4fe1\u4f60\u53ef\u4ee5\u7684\uff0c\u5171\u52c9\u4e4b\u3002<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n","protected":false},"excerpt":{"rendered":"<p>\u70ba\u4ec0\u9ebc\u5b78\u7fd2\u5b8c HTML \u9084\u9700\u8981\u5b78\u7fd2 CSS \u6280\u8853\u5462? \u5f88\u591a\u4eba\u53ef\u80fd\u6703\u6709\u9019\u500b\u7591\u554f\u4e00\u76f4\u5f88\u56f0\u60d1\u8457\u8aaa\u5b78\u5b8c HTML \u6211\u5c31 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/learningnow.com.tw\/what-is-css\/\"> <span class=\"screen-reader-text\">\u3010CSS\u6307\u5357\u3011Day01 &#8211; CSS\u662f\u4ec0\u9ebc?\u5165\u9580\u4e00\u5b9a\u8981\u5148\u77e5\u9053\u9019\u4e9b\u898f\u5247 (\u6700\u8a73\u7d30\u8aaa\u660e)<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1369,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[16,7],"tags":[],"modified_by":"\u5c0f\u9752","jetpack_featured_media_url":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc.jpg?fit=2003%2C1126&ssl=1","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":755,"url":"https:\/\/learningnow.com.tw\/what-are-web-standards\/","url_meta":{"origin":1329,"position":0},"title":"\u3010HTML\u6307\u5357\u3011Day02 &#8211; Web \u6a19\u6e96\u662f\u4ec0\u9ebc? \u6703\u5f71\u97ff\u5168\u4e16\u754c?","date":"2020 \u5e74 9 \u6708 7 \u65e5","format":false,"excerpt":"Web \u9019\u500b\u5b57\u662f\u82f1\u6587\uff0c\u4e2d\u6587\u662f \" \u7db2\u9801 \" \u90a3\u6709\u6c92\u6709\u60f3\u904e\u662f\u8ab0\u5148\u5236\u5b9a\u6a19\u6e96\u7684\uff0c\u5b78\u4efb\u4f55\u6771\u897f\u5982\u679c\u4e0d\u5148\u5f04\u6e05\u695a\u70ba\u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"Web\u6a19\u6e96\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/09\/Web\u6a19\u6e96\u662f\u4ec0\u9ebc.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":733,"url":"https:\/\/learningnow.com.tw\/what-is-html\/","url_meta":{"origin":1329,"position":1},"title":"\u3010HTML\u6307\u5357\u3011Day01 &#8211; HTML \u662f\u4ec0\u9ebc? \u5165\u9580\u6709\u54ea\u4e9b\u7d30\u7bc0?","date":"2020 \u5e74 8 \u6708 29 \u65e5","format":false,"excerpt":"\u5728\u4f60\u6c7a\u5b9a\u8981\u5b78\u7fd2 HTML \u6642\uff0c\u5fc3\u7406\u5e38\u6703\u6709\u7599\u7629\u597d\u5947\u9019\u662f\u4e00\u9580\u7de8\u7a0b\u8a9e\u8a00\u55ce?\u6703\u5f88\u96e3\u55ce?\u9700\u8981\u6703\u6578\u5b78\u55ce?\u6211\u908f\u8f2f\u597d\u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"HTML\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/08\/HTML\u662f\u4ec0\u9ebc.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":806,"url":"https:\/\/learningnow.com.tw\/what-is-doctype\/","url_meta":{"origin":1329,"position":2},"title":"\u3010HTML\u6307\u5357\u3011Day06 &#8211; DOCTYPE \u662f\u4ec0\u9ebc? HTML \u958b\u59cb\u524d\u6709\u54ea\u4e9b\u7d30\u7bc0?","date":"2020 \u5e74 9 \u6708 14 \u65e5","format":false,"excerpt":"\u5728\u4e0a\u4e00\u7bc0\u6211\u5011\u4f7f\u7528 VScode \u7de8\u8f2f\u5668\u4f7f\u7528\u5feb\u6377\u9375\u9a5a\u5606\u865f\u5f8c\u751f\u6210\u4e86 HTML \u4ee3\u78bc\u7684\u6846\u67b6 ( \u9aa8\u67b6 ) \u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"DOCTYPE\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/09\/DOCTYPE\u662f\u4ec0\u9ebc.jpg?fit=1200%2C676&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":776,"url":"https:\/\/learningnow.com.tw\/html-basic-structure\/","url_meta":{"origin":1329,"position":3},"title":"\u3010HTML\u6307\u5357\u3011Day04 &#8211; HTML \u57fa\u672c\u7d50\u69cb\uff0c\u6709\u54ea\u4e9b\u6a19\u7c64\u5462?","date":"2020 \u5e74 9 \u6708 12 \u65e5","format":false,"excerpt":"\u5728\u6bcf\u500b\u7db2\u9801\u90fd\u6703\u6709\u4e00\u500b\u57fa\u672c\u7684\u7d50\u69cb\u6a19\u7c64 ( \u53c8\u7a31\u70ba\u9aa8\u67b6\u6a19\u7c64 )\uff0c\u90a3\u4f60\u6709\u60f3\u904e\u4f60\u770b\u5230\u700f\u89bd\u5668\u7684\u9801\u9762\u5167\u5bb9\u662f\u4e0d\u662f\u4e00\u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"HTML\u57fa\u672c\u7d50\u69cb","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/09\/HTML\u57fa\u672c\u7d50\u69cb.jpg?fit=1200%2C676&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1265,"url":"https:\/\/learningnow.com.tw\/css-fonts\/","url_meta":{"origin":1329,"position":4},"title":"\u3010CSS\u6307\u5357\u3011Day02 &#8211; CSS Fonts \u5b57\u9ad4\u5c6c\u6027\uff0c\u770b\u9019\u7bc7\u5c31\u5920\u4e86(\u6700\u8a73\u7d30\u8aaa\u660e)","date":"2020 \u5e74 11 \u6708 18 \u65e5","format":false,"excerpt":"CSS Fonts ( \u5b57\u9ad4 ) \u5c6c\u6027\u5c31\u662f\u5c08\u6ce8\u5728\u65bc\u5b9a\u7fa9\u5b57\u9ad4\u4e00\u7cfb\u5217\u7684\u6539\u8b8a\u5c6c\u6027\uff0c\u672c\u7ae0\u7bc0\u6703\u8a73\u7d30\u8aaa\u660e\u4e00\u822c\u524d\u7aef\u2026","rel":"","context":"\u5728\u300cCSS\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"CSS Fonts","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-Fonts.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":784,"url":"https:\/\/learningnow.com.tw\/what-is-vscode\/","url_meta":{"origin":1329,"position":5},"title":"\u3010HTML\u6307\u5357\u3011Day05 &#8211; VScode \u662f\u4ec0\u9ebc?\u524d\u7aef\u4eba\u54e1\u5fc5\u88dd?","date":"2020 \u5e74 9 \u6708 13 \u65e5","format":false,"excerpt":"\u5de5\u6b32\u5584\u5176\u4e8b\uff0c\u5fc5\u5148\u5229\u5176\u5668\uff0c\u4e4b\u524d\u6211\u5011\u90fd\u662f\u7528\u8a18\u4e8b\u672c\u4f86\u9032\u884c\u958b\u767c\u96d6\u7136\u4e5f\u662f\u53ef\u4ee5\u5b8c\u6210\u4f46\u662f\u5f88\u4e0d\u65b9\u4fbf\uff0c\u4f8b\u5982\u6211\u5011\u4e4b\u524d\u90fd\u5728\u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"VScode\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/09\/VScode\u662f\u4ec0\u9ebc.jpg?fit=1200%2C676&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts\/1329"}],"collection":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/comments?post=1329"}],"version-history":[{"count":0,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts\/1329\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/media\/1369"}],"wp:attachment":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/media?parent=1329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/categories?post=1329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/tags?post=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}