{"id":10698,"date":"2018-07-05T00:34:11","date_gmt":"2018-07-04T16:34:11","guid":{"rendered":"http:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/?p=10698"},"modified":"2024-11-05T17:59:40","modified_gmt":"2024-11-05T09:59:40","slug":"%e6%95%99%e7%a0%94%e4%b8%ad%e5%bf%83%e7%a0%94%e7%bf%92%ef%bc%9ahtml5css%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88-%e5%9f%ba%e7%a4%8e%e7%af%871070705-06","status":"publish","type":"post","link":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/archives\/10698","title":{"rendered":"\u6559\u7814\u4e2d\u5fc3\u7814\u7fd2\uff1aHTML5+CSS\u7db2\u9801\u8a2d\u8a08-\u57fa\u790e\u7bc7(1070705-06)"},"content":{"rendered":"<h3>\u65e5\u671f\uff1a107\u5e747\u67085\u30016\u65e5<\/h3>\n<h3>\u5730\u9ede\uff1a\u65b0\u5317\u5e02\u6559\u7814\u4e2d\u5fc3<\/h3>\n<h3>\u4e3b\u984c\uff1aHTML5+CSS\u7db2\u9801\u8a2d\u8a08-\u57fa\u790e\u7bc7<\/h3>\n<h3>\u8b1b\u5e2b\uff1aAmos Lee<\/h3>\n<h3>\u8ab2\u7a0b\u4f7f\u7528\u8edf\u9ad4\uff1a<\/h3>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/wiki\/Sublime_Text\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a><\/li>\n<li><a href=\"http:\/\/colorcop.net\" target=\"_blank\" rel=\"noopener\">ColorCop<\/a> (\u5438\u53d6\u87a2\u5e55\u8272\u5f69)<\/li>\n<li><a href=\"https:\/\/sourceforge.net\/projects\/screenruler\/\" target=\"_blank\" rel=\"noopener\">Screen Ruler<\/a> (\u87a2\u5e55\u5c3a\u898f)<\/li>\n<li><a href=\"https:\/\/zoomit.en.softonic.com\/\" target=\"_blank\" rel=\"noopener\">ZoomIt<\/a> (\u81ea\u7531\u7e2e\u653e\u87a2\u5e55)<\/li>\n<li><a href=\"https:\/\/prepros.io\/\" target=\"_blank\" rel=\"noopener\">Prepros<\/a>\n<ul>\n<li><a href=\"http:\/\/milkmidi.blogspot.com\/2016\/08\/1-prepros.html\">\u524d\u7aef\u653b\u57ce\u5c4d\u81ea\u52d5\u5316\u6559\u5b781 (\u5165\u9580\u8edf\u9ad4\u7bc7, \u4f7f\u7528prepros)<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/www.xmind.net\/download\/win\/\" target=\"_blank\" rel=\"noopener\">XMind<\/a>\u00a0 (\u5fc3\u667a\u5716\u8edf\u9ad4)<\/li>\n<\/ul>\n<h3>\u7db2\u9801\u958b\u767c\u5de5\u5177\u7c21\u4ecb\uff1a<\/h3>\n<h4>\u7db2\u9801\u958b\u767c\u5de5\u5177<\/h4>\n<ul>\n<li><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/Sublime_Text\" target=\"_blank\" rel=\"noopener\">Sublime Text &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/code.visualstudio.com\" target=\"_blank\" rel=\"noopener\">Visual Studio Code<\/a>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/Visual_Studio_Code\" target=\"_blank\" rel=\"noopener\">Visual Studio Code &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Atom\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/Atom_(%E6%96%87%E5%AD%97%E7%B7%A8%E8%BC%AF%E5%99%A8)\" target=\"_blank\" rel=\"noopener\">Atom (\u6587\u5b57\u7de8\u8f2f\u5668) &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/brackets.io\/\" target=\"_blank\" rel=\"noopener\">Brackets<\/a>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/Adobe_Brackets\" target=\"_blank\" rel=\"noopener\">Adobe Brackets &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<\/ul>\n<\/li>\n<li>JSBIN\u7dda\u4e0a\u7de8\u8f2f\u5668\u7db2\u7ad9\uff1a<a href=\"http:\/\/jsbin.com\/?html,css,output\" target=\"_blank\" rel=\"noopener\">http:\/\/jsbin.com\/<\/a><\/li>\n<\/ul>\n<h4>\u7db2\u9801\u958b\u767c\u76f8\u95dc\u6559\u5b78\u8cc7\u6e90\uff1a<\/h4>\n<ul>\n<li>Emmet\uff1a\n<ul>\n<li><a href=\"https:\/\/www.wfublog.com\/2017\/08\/emmet-sublime-text.html\">\u524d\u7aef\u958b\u767c\u795e\u5668Emmet \u5feb\u901f\u4e0a\u624b\u6559\u5b78\u6574\u7406\uff0c\u6e1b\u5c11HTML \/ CSS \u8f38\u5165\u7684\u9ebb\u7169<\/a><\/li>\n<li><a href=\"https:\/\/pjchender.blogspot.com\/2016\/07\/emmet.html\" target=\"_blank\" rel=\"noopener\">[\u6280\u8853\u5206\u4eab] Emmet\u7c21\u6613\u6559\u5b78 &#8211; \u5feb\u901f\u4e0a\u624b\u5305<\/a><\/li>\n<li><a href=\"https:\/\/docs.emmet.io\/cheat-sheet\/\" target=\"_blank\" rel=\"noopener\">https:\/\/docs.emmet.io\/cheat-sheet\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/zh.wikipedia.org\/wiki\/Sublime_Text\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a>\u00a0\u7db2\u9801\u8a2d\u8a08\uff1a\n<ul>\n<li>sublime Text\u514d\u8cbb\u7dda\u4e0a\u6559\u5b78\u5f71\u7247(\u7d04\u534a\u5c0f\u6642)\uff1ahttps:\/\/course.cool3c.com\/p\/sublime<\/li>\n<li>sublime Text\u7dda\u4e0a\u514d\u8cbb\u7c21\u5831\uff1ahttps:\/\/www.slideshare.net\/banPrint\/sublime-text-51689543<\/li>\n<li><a href=\"https:\/\/www.webdesigns.com.tw\/sublime-text3-2.asp\" target=\"_blank\" rel=\"&quot;noopener noopener\">Sublime Text 3\u63a8\u85a6\u5b89\u88dd\u7684\u5957\u4ef6 &#8211; \u7db2\u9801\u8a2d\u8a08<\/a><\/li>\n<li><a href=\"https:\/\/blog.user.today\/sublime-text\/\" target=\"_blank\" rel=\"noopener\">Sublime Text \u7db2\u9801\u52de\u5de5\u5e38\u7528\u64f4\u5145\u5957\u4ef6<\/a><\/li>\n<li><a href=\"http:\/\/www.flycan.com\/article\/free-resource\/sublime-text-setup-2060.html\" target=\"_blank\" rel=\"&quot;noopener noopener\">\u6559\u5b78\uff1a\u6dfa\u8ac7Sublime Text \u7684\u5b89\u88dd\u8a2d\u5b9a\u53ca\u5165\u9580\u64cd\u4f5c- [ \u4e0a\u7bc7]<\/a><\/li>\n<li><a href=\"http:\/\/www.flycan.com\/article\/free-resource\/sublime-text-setup-2-2077.html\" target=\"_blank\" rel=\"&quot;noopener noopener\">\u6559\u5b78\uff1a\u6dfa\u8ac7Sublime Text \u7684\u5b89\u88dd\u8a2d\u5b9a\u53ca\u5165\u9580\u64cd\u4f5c\u2013 [ \u4e0b\u7bc7]<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4><a href=\"https:\/\/www.youtube.com\/watch?v=gvT6pT0cdfI&amp;list=PLLso6c_yYkNOdPBAM_E96Lmg2hZJ7C-_0\" target=\"_blank\" rel=\"&quot;noopener noopener\">Brackets \u7db2\u9801\u8a2d\u8a08 \u7df4\u7fd2\u6559\u5b78\u5f71\u7247<\/a><\/h4>\n<div class=\"epyt-video-wrapper\"><iframe loading=\"lazy\"  style=\"display: block; margin: 0px auto;\"  id=\"_ytid_37836\"  width=\"640\" height=\"360\"  data-origwidth=\"640\" data-origheight=\"360\"  data-relstop=\"1\" src=\"https:\/\/www.youtube.com\/embed\/?enablejsapi=1&#038;list=PLLso6c_yYkNOdPBAM_E96Lmg2hZJ7C-_0&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=0&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<h3>\u4e3b\u8ab2\u7a0b\uff1aHTML 5<\/h3>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" rel=\"noopener\">HTML 5 \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener\">W3Schools Online Web Tutorials<\/a><\/li>\n<li><a href=\"http:\/\/www.runoob.com\/html\/html5-intro.html\" target=\"_blank\" rel=\"noopener\">HTML5 \u6559\u7a0b| \u83dc\u9e1f\u6559\u7a0b<\/a><\/li>\n<li><a href=\"https:\/\/zh.wikipedia.org\/wiki\/Sublime_Text\" target=\"_blank\" rel=\"noopener\">Sublime Text<\/a>\u00a0\u7db2\u9801\u8a2d\u8a08\uff1a\n<ul>\n<li><strong>Ctrl + Shift + G\uff1a\u5728\u9078\u53d6\u6587\u5b57\u524d\u5f8c<\/strong><strong>\u6a19\u793aHTML\u6a19\u8a18<\/strong><\/li>\n<li><strong>!<\/strong>&lt;Tab&gt;<\/li>\n<li><strong>lorem<\/strong>&lt;Tab&gt;<\/li>\n<li><strong>lorem200<\/strong>&lt;Tab&gt;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>\u4e3b\u8ab2\u7a0b\uff1aCSS<\/h3>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8\" target=\"_blank\" rel=\"noopener\">CSS &#8211; \u7dad\u57fa\u767e\u79d1 &#8211; Wikipedia<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/Css\/\" target=\"_blank\" rel=\"noopener\">CSS Tutorial &#8211; W3Schools<\/a><\/li>\n<li><a href=\"http:\/\/www.runoob.com\/css\/css-tutorial.html\" target=\"_blank\" rel=\"noopener\">CSS \u6559\u7a0b| \u83dc\u9e1f\u6559\u7a0b<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Web\/CSS\" target=\"_blank\" rel=\"noopener\">CSS &#8211; MDN &#8211; Mozilla<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/CSS_basics\" target=\"_blank\" rel=\"noopener\">CSS \u57fa\u672c- \u5b78\u7fd2\u8a72\u5982\u4f55\u958b\u767cWeb | MDN<\/a><\/li>\n<li><a href=\"http:\/\/zh-tw.learnlayout.com\/\" target=\"_blank\" rel=\"noopener\">\u5b78\u7fd2CSS \u7248\u9762\u914d\u7f6e<\/a><\/li>\n<li>CSS\u53ef\u6a02: CSS Coke<\/li>\n<li>\u7db2\u9801\u8272\u5f69\u8f15\u9b06\u5b78<\/li>\n<li>\u4f7f\u7528XMind (\u5fc3\u667a\u5716\u8edf\u9ad4)\u6b78\u7d0d\u6574\u7406<\/li>\n<\/ul>\n<h4>\u5b89\u88dd\u4e2d\u6587Lorem\u5916\u639b\uff1a<\/h4>\n<ol>\n<li>\u6309\u4e0b<b>Ctrl+Shift+P<\/b><\/li>\n<li>\u8f38\u5165<b>\u300cInstall Package\u300d<\/b><\/li>\n<li>\u9078 <strong>ChineseLoremIpsum<\/strong><\/li>\n<li>\u5728\u7db2\u9801\u6587\u4ef6\u4e2d\uff0c\u6253 <strong>CTlorem<\/strong>\uff0c\u518d\u6309 <strong>Alt + C<\/strong><\/li>\n<\/ol>\n<h3>CSS Box Model<\/h3>\n<ul>\n<li><a href=\"http:\/\/zh-tw.learnlayout.com\/box-model.html\" target=\"_blank\" rel=\"noopener\">CSS &#8211; \u95dc\u65bcBox Model\uff08\u5340\u584a\u6a21\u578b\uff09<\/a><\/li>\n<\/ul>\n<h4>\u540d\u7a31\u7ffb\u8b6f\uff1a<\/h4>\n<ul>\n<li>margin: \u5916\u8ddd<\/li>\n<li>padding\uff1a\u5167\u8ddd\/\u7559\u767d\/\u588a\u5145<\/li>\n<\/ul>\n<h4>\u53ef\u898b\u5c3a\u5bf8\uff1awidth + padding + border<\/h4>\n<h4>\u4f54\u64da\u7a7a\u9593\u5c3a\u5bf8\uff1awidth + padding + border + margin<\/h4>\n<p>\u4f8b\u5982\uff1a<\/p>\n<pre class=\"language-scss\">.amos{\r\n  width: 200px;\r\n  padding: 15px;\r\n  border: 10px solid #f00;\r\n  margin: 20px;\r\n}<\/pre>\n<h4>\u53ef\u898b\u5c3a\u5bf8\uff1a200 + 15*2 + 10*2 = 250<br \/>\n\u4f54\u64da\u7a7a\u9593\u5c3a\u5bf8\uff1a200 + 15*2 + 10*2 + 20*2 = 290<\/h4>\n<hr \/>\n<h4>\u8a2d\u5b9a box-sizing: border-box; \u5f8c\uff1a<br \/>\n\u53ef\u898b\u5c3a\u5bf8\uff1awidth<br \/>\n\u4f54\u64da\u7a7a\u9593\u5c3a\u5bf8\uff1awidth + margin<\/h4>\n<p>\u4f8b\u5982\uff1a<\/p>\n<pre class=\"language-scss\"> .box{\r\n   width: 400px;\r\n   background-color: #ccc;\r\n   border: 25px solid #f00;\r\n   padding: 25px;\r\n   box-sizing: border-box;\r\n }<\/pre>\n<h4>\u53ef\u898b\u5c3a\u5bf8\uff1a400<\/h4>\n<hr \/>\n<h4>CSS Tools: Reset CSS\uff1a<\/h4>\n<ul>\n<li><a href=\"https:\/\/meyerweb.com\/eric\/tools\/css\/reset\/\" target=\"_blank\" rel=\"noopener\">https:\/\/meyerweb.com\/eric\/tools\/css\/reset\/<\/a><\/li>\n<li>\u5b58\u6210 <a href=\"http:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-content\/uploads\/2018\/07\/reset.css\" target=\"_blank\" rel=\"noopener\">reset.css<\/a><\/li>\n<li>\u5728\u7db2\u9801 &lt;head&gt; \u4e2d\u5f15\u5165\uff1a\n<ul>\n<li><strong>&lt;link rel=\"stylesheet\" href=\"reset.css\"&gt;<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Reset CSS \u904e\u5ea6Over\u7684\u4f5c\u6cd5\uff1a<\/h4>\n<pre class=\"language-scss\"> &lt;style type=\"text\/css\"&gt;\r\n   *{\r\n     margin:0;\r\n     padding: 0;\r\n     line-height: 1;\r\n     list-style-type: none;\r\n   }\r\n &lt;\/style&gt;<\/pre>\n<h3>\u7248\u9762\u914d\u7f6e\uff1a<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.templatemonster.com\/\" target=\"_blank\" rel=\"noopener\">TemplateMonster (Website Templates | Web Templates)<\/a><\/li>\n<li><a href=\"http:\/\/www.oxxostudio.tw\/articles\/201501\/css-flexbox.html\" target=\"_blank\" rel=\"noopener\">\u6df1\u5165\u89e3\u6790CSS Flexbox &#8211; OXXO.STUDIO<\/a><\/li>\n<li><a href=\"http:\/\/zh-tw.learnlayout.com\/flexbox.html\" target=\"_blank\" rel=\"noopener\">flexbox &#8211; \u5b78\u7fd2CSS \u7248\u9762\u914d\u7f6e<\/a><\/li>\n<li><a href=\"http:\/\/muki.tw\/tech\/css-flexbox\/\" target=\"_blank\" rel=\"noopener\">CSS Flexbox \u4ecb\u7d39\u8207\u89e3\u6790\u00ab MUKI space<\/a><\/li>\n<li><a href=\"https:\/\/rhadow.github.io\/2015\/02\/26\/learnFlexbox\/\" target=\"_blank\" rel=\"noopener\">\u5b78\u7fd2Flexbox \u7248\u9762\u914d\u7f6e\u00b7 Rhadow&#8217;s Tech Note<\/a><\/li>\n<\/ul>\n<h3>RWD\u00a0<span style=\"font-size: 16px;\">\u7db2\u9801\u8a2d\u8a08<\/span><\/h3>\n<ul>\n<li><a href=\"https:\/\/zh.wikipedia.org\/zh-tw\/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1\" target=\"_blank\" rel=\"noopener\">\u56de\u61c9\u5f0f\u7db2\u9801\u8a2d\u8a08- \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8<\/a><\/li>\n<li><a href=\"https:\/\/hsinyu00.wordpress.com\/2011\/04\/05\/mobile-web-viewport\/\" target=\"_blank\" rel=\"noopener\">Mobile Web \u524d\u7aef\u6280\u8853\u7b46\u8a18(\u4e00): Viewport\u7684\u8a2d\u5b9a<\/a><\/li>\n<li><a href=\"https:\/\/hsinyu00.wordpress.com\/2011\/04\/05\/mobile-web-media-queries\/\" target=\"_blank\" rel=\"noopener\">Mobile Web \u524d\u7aef\u6280\u8853\u7b46\u8a18(\u4e8c): Media Queries \u8207CSS<\/a><\/li>\n<\/ul>\n<pre class=\"language-scss\"> &lt;meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;\"&gt;<\/pre>\n<h3>Bootstrap<\/h3>\n<ul>\n<li><a href=\"http:\/\/bootstrap.hexschool.com\/\" target=\"_blank\" rel=\"noopener\">Bootstrap 4 \u7e41\u9ad4\u4e2d\u6587\u624b\u518a[\u516d\u89d2\u5b78\u9662\u8b6f]<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u65e5\u671f\uff1a107\u5e747\u67085\u30016\u65e5 \u5730\u9ede\uff1a\u65b0\u5317\u5e02\u6559\u7814\u4e2d\u5fc3 \u4e3b\u984c\uff1aHTML5+CSS\u7db2\u9801\u8a2d\u8a08-\u57fa\u790e\u7bc7 \u8b1b\u5e2b\uff1aAmos Lee \u8ab2\u7a0b\u4f7f\u7528\u8edf\u9ad4\uff1a Sublime Text ColorCop (\u5438\u53d6\u87a2\u5e55\u8272\u5f69) Screen Ruler (\u87a2\u5e55\u5c3a\u898f) ZoomIt (\u81ea\u7531\u7e2e\u653e\u87a2\u5e55) Prepros \u524d\u7aef\u653b\u57ce\u5c4d\u81ea\u52d5\u5316\u6559\u5b781 (\u5165\u9580\u8edf\u9ad4\u7bc7, \u4f7f\u7528prepros) XMind (\u5fc3\u667a\u5716\u8edf\u9ad4) \u7db2\u9801\u958b\u767c\u5de5\u5177\u7c21\u4ecb\uff1a \u7db2\u9801\u958b\u767c\u5de5\u5177 Sublime Text Sublime Text &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8 Visual Studio Code Visual Studio Code &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8 Atom Atom (\u6587\u5b57\u7de8\u8f2f\u5668) &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8 Brackets Adobe Brackets &#8211; \u7dad\u57fa\u767e\u79d1\uff0c\u81ea\u7531\u7684\u767e\u79d1\u5168\u66f8 JSBIN\u7dda\u4e0a\u7de8\u8f2f\u5668\u7db2\u7ad9\uff1ahttp:\/\/jsbin.com\/ \u7db2\u9801\u958b\u767c\u76f8\u95dc\u6559\u5b78\u8cc7\u6e90\uff1a Emmet\uff1a \u524d\u7aef\u958b\u767c\u795e\u5668Emmet \u5feb\u901f\u4e0a\u624b\u6559\u5b78\u6574\u7406\uff0c\u6e1b\u5c11HTML \/ CSS \u8f38\u5165\u7684\u9ebb\u7169 [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[34,24],"tags":[],"_links":{"self":[{"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/posts\/10698"}],"collection":[{"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/comments?post=10698"}],"version-history":[{"count":0,"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/posts\/10698\/revisions"}],"wp:attachment":[{"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/media?parent=10698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/categories?post=10698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnas.bhes.ntpc.edu.tw\/wordpress\/wp-json\/wp\/v2\/tags?post=10698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}