{"id":24,"date":"2019-04-10T03:03:00","date_gmt":"2019-04-10T03:03:00","guid":{"rendered":"http:\/\/pro369.com\/Website_Design\/?p=24"},"modified":"2019-04-10T03:03:00","modified_gmt":"2019-04-10T03:03:00","slug":"css-div-%e8%88%87-css-span","status":"publish","type":"post","link":"https:\/\/por.tw\/Website_Design\/css-div-%e8%88%87-css-span\/","title":{"rendered":"CSS Div \u8207 CSS Span"},"content":{"rendered":"<h2>Div<\/h2>\n<p>Div \u9019\u500b\u6a19\u7c64\u76ee\u7684\u662f\u5c07\u5167\u5bb9\u5206\u70ba\u4e0d\u540c\u7684\u5340\u57df\uff0c\u800c\u6bcf\u4e00\u500b\u5340\u57df\u53ef\u4ee5\u6839\u64da CSS \u4e2d\u7684\u5ba3\u544a\u800c\u6709\u81ea\u5df1\u7684\u6a23\u5f0f\u3002Div \u662f\u4e00\u500b\u5340\u584a\u7d1a\u5bb9\u5668 (block-level container)\uff0c\u9019\u4ee3\u8868\u5728 &lt;\/div&gt; \u6a19\u7c64\u5f8c\u6703\u63db\u884c\u3002<\/p>\n<p>\u8209\u4f8b\u4f86\u8aaa\uff0c\u5982\u679c\u6211\u5011\u6709\u4ee5\u4e0b\u7684 CSS \u6a23\u5f0f\uff1a<\/p>\n<table border=\"0\" cellpadding=\"10\" width=\"300\" class=\"main\">\n<tr>\n<td bgcolor=\"#dddddd\">\n<p>.large {<br \/> &nbsp; color: #00FF00;<br \/> &nbsp; font-family:arial;<br \/> &nbsp; font-size: 4pt;<br \/> }<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>\u4ee5\u4e0b\u7684 HTML \u78bc\uff0c<\/p>\n<table border=\"0\" cellpadding=\"10\" width=\"300\" class=\"main\">\n<tr>\n<td bgcolor=\"#dddddd\">\n<p>&lt;div class=&quot;large&quot;&gt;<br \/> &nbsp; \u9019\u662f DIV \u7bc4\u4f8b\u3002<br \/> &lt;\/div&gt;<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>\u5c31\u6703\u986f\u73fe\u70ba\uff0c<\/p>\n<table border=\"0\" cellpadding=\"10\" width=\"500\" class=\"main\">\n<tr>\n<td>\n<p><font face=\"arial;\" size=\"4\" color=\"#00ff00\">\u9019\u662f DIV \u7bc4\u4f8b\u3002<\/font><\/p>\n<\/td>\n<\/tr>\n<\/table>\n<h2>Span<\/h2>\n<p>Span \u8ddf Div \u985e\u4f3c\u7684\u5730\u65b9\u662f\uff0c\u9019\u5169\u500b\u6a19\u7c64\u7684\u76ee\u7684\u90fd\u662f\u5c07\u5167\u5bb9\u5206\u70ba\u4e0d\u540c\u7684\u5340\u57df\u3002\u4e0d\u540c\u7684\u662f\uff0cSpan \u53ef\u4ee5\u6db5\u84cb\u66f4\u7d30\u5c64\u7684\u5143\u7d20\u3002\u6240\u4ee5\uff0c\u6211\u5011\u751a\u81f3\u53ef\u4ee5\u7528 &lt;span&gt; \u4f86\u8abf\u6574\u55ae\u4e00\u6587\u5b57\u7684\u6a23\u5f0f\u3002\u53e6\u5916\uff0c\u5728 &lt;\/span&gt; \u4e4b\u5f8c\u4e26\u4e0d\u6703\u63db\u884c\u3002<\/p>\n<p>\u8209\u4f8b\u4f86\u8aaa\uff0c\u5982\u679c\u6211\u5011\u6709\u4ee5\u4e0b\u7684 CSS \u6a23\u5f0f\uff1a<\/p>\n<table border=\"0\" cellpadding=\"10\" width=\"300\" class=\"main\">\n<tr>\n<td bgcolor=\"#dddddd\">\n<p>.largefont {<br \/> &nbsp; color: #0066FF;<br \/> &nbsp; font-family:arial;<br \/> &nbsp; font-size: 6px;<br \/> }<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>\u4ee5\u4e0b\u7684 HTML \u78bc\uff0c<\/p>\n<table border=\"0\" cellpadding=\"10\" width=\"500\" class=\"main\">\n<tr>\n<td bgcolor=\"#dddddd\">\n<p>Span \u4e0d\u662f&lt;span class=&quot;largefont&quot;&gt;\u5340\u584a\u7d1a\u7684&lt;\/span&gt;.<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>\u5c31\u6703\u986f\u73fe\u70ba\uff0c<\/p>\n<p>Span \u4e0d\u662f<font face=\"arial;\" size=\"6\" color=\"#0066ff\">\u5340\u584a\u7d1a\u7684<\/font>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Div Div \u9019\u500b\u6a19\u7c64\u76ee\u7684\u662f\u5c07\u5167\u5bb9\u5206\u70ba\u4e0d\u540c\u7684\u5340\u57df\uff0c\u800c\u6bcf\u4e00\u500b\u5340\u57df\u53ef\u4ee5\u6839\u64da CSS \u4e2d\u7684\u5ba3\u544a\u800c\u6709\u81ea\u5df1\u7684\u6a23\u5f0f\u3002Di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":365,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[35],"class_list":["post-24","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","tag-35"],"_links":{"self":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media\/365"}],"wp:attachment":[{"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/por.tw\/Website_Design\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}