{"id":1536,"date":"2025-04-30T18:00:03","date_gmt":"2025-04-30T10:00:03","guid":{"rendered":"https:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/"},"modified":"2025-04-30T18:00:03","modified_gmt":"2025-04-30T10:00:03","slug":"htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f","status":"publish","type":"post","link":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/","title":{"rendered":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801"},"content":{"rendered":"<div class=\"article_content clearfix\" id=\"article_content\">\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/kdoc_html_views-1a98987dfd.css\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/ck_htmledit_views-704d5b9767.css\" rel=\"stylesheet\"\/>\n<div class=\"markdown_views prism-atom-one-light\" id=\"content_views\">\n  <svg style=\"display: none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n   <path d=\"M5,0 0,2.5 5,5z\" id=\"raphael-marker-block\" stroke-linecap=\"round\" style=\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\">\n   <\/path>\n  <\/svg><\/p>\n<blockquote>\n<p>\n    <font color=\"#f7630c\" size=\"4px\"><br \/>\n     <strong><br \/>\n      \ud83c\udf89\u7cbe\u5f69\u4e13\u680f\u63a8\u8350 \ud83d\udcad\u6587\u672b\u83b7\u53d6\u8054\u7cfb<br \/>\n     <\/strong><br \/>\n    <\/font><br \/>\n    <br \/>\n    \u270d\ufe0f \u4f5c\u8005\u7b80\u4ecb: \u4e00\u4e2a\u70ed\u7231\u628a\u903b\u8f91\u601d\u7ef4\u8f6c\u53d8\u4e3a\u4ee3\u7801\u7684\u6280\u672f\u535a\u4e3b<br \/>\n    <br \/>\n    \ud83d\udc82 \u4f5c\u8005\u4e3b\u9875:<br \/>\n    <a href=\"https:\/\/blog.csdn.net\/bigwhiteshark?type=blog\"><br \/>\n     \u3010\u4e3b\u9875\u2014\u2014\ud83d\ude80\u83b7\u53d6\u66f4\u591a\u4f18\u8d28\u6e90\u7801\u3011<br \/>\n    <\/a><br \/>\n    <br \/>\n    \ud83c\udf93 web\u524d\u7aef\u671f\u672b\u5927\u4f5c\u4e1a\uff1a<br \/>\n    <a href=\"https:\/\/blog.csdn.net\/bigwhiteshark\/category_11924503.html\"><br \/>\n     \u3010\ud83d\udcda\u6bd5\u8bbe\u9879\u76ee\u7cbe\u54c1\u5b9e\u6218\u6848\u4f8b (1000\u5957) \u3011<br \/>\n    <\/a><br \/>\n    <br \/>\n    \ud83e\udde1 \u7a0b\u5e8f\u5458\u6709\u8da3\u7684\u544a\u767d\u65b9\u5f0f\uff1a<br \/>\n    <a href=\"https:\/\/blog.csdn.net\/bigwhiteshark\/category_11928276.html?spm=1001.2014.3001.5482\"><br \/>\n     \u3010\ud83d\udc8cHTML\u4e03\u5915\u60c5\u4eba\u8282\u8868\u767d\u7f51\u9875\u5236\u4f5c (110\u5957) \u3011<br \/>\n    <\/a><br \/>\n    <br \/>\n    \ud83c\udf0e\u8d85\u70ab\u9177\u7684Echarts\u5927\u5c4f\u53ef\u89c6\u5316\u6e90\u7801\uff1a<br \/>\n    <a href=\"https:\/\/blog.csdn.net\/bigwhiteshark\/category_11943154.html\"><br \/>\n     \u3010\ud83d\udd30 echarts\u5927\u5c4f\u5c55\u793a\u5927\u6570\u636e\u5e73\u53f0\u53ef\u89c6\u5316(150\u5957) \u3011<br \/>\n    <\/a><br \/>\n    <br \/>\n    \ud83c\udf81 \u514d\u8d39\u4e14\u5b9e\u7528\u7684WEB\u524d\u7aef\u5b66\u4e60\u6307\u5357\uff1a<br \/>\n    <a href=\"#weibu\" rel=\"nofollow\"><br \/>\n     \u3010\ud83d\udcc2web\u524d\u7aef\u96f6\u57fa\u7840\u5230\u9ad8\u7ea7\u5b66\u4e60\u89c6\u9891\u6559\u7a0b 120G\u5e72\u8d27\u5206\u4eab\u3011<br \/>\n    <\/a><br \/>\n    <br \/>\n    \ud83e\udd47 \u5173\u4e8e\u4f5c\u8005: \ud83d\udcac\u5386\u4efb\u7814\u53d1\u5de5\u7a0b\u5e08\uff0c\u6280\u672f\u7ec4\u957f\uff0c\u6559\u5b66\u603b\u76d1\uff1b\u66fe\u4e8e2016\u5e74\u30012020\u5e74\u4e24\u5ea6\u8363\u83b7CSDN\u5e74\u5ea6\u5341\u5927\u535a\u5ba2\u4e4b\u661f\u3002 \u5341\u8f7d\u5bd2\u51b0\uff0c\u96be\u51c9\u70ed\u8840\uff1b\u591a\u5e74\u8fc7\u53bb\uff0c\u5386\u7ecf\u53d8\u8fc1\uff0c\u7269\u662f\u4eba\u975e\u3002 \u7136\u800c\uff0c\u5bf9\u4e8e\u6280\u672f\u7684\u63a2\u7d22\u548c\u8ffd\u6c42\u4ece\u672a\u505c\u6b47\u3002 \ud83d\udcaa\u575a\u6301\u539f\u521b\uff0c\u70ed\u8877\u5206\u4eab\uff0c\u521d\u5fc3\u672a\u6539\uff0c\u7ee7\u5f80\u5f00\u6765\uff01\n   <\/p>\n<\/blockquote>\n<hr\/>\n<div class=\"toc\">\n<h4>\n    \ud83d\udcc2\u6587\u7ae0\u76ee\u5f55<br \/>\n   <\/h4>\n<ul>\n<li>\n     <a href=\"#_14\" rel=\"nofollow\"><br \/>\n      \u4e00\u3001\ud83d\udc68\u200d\ud83c\udf93\u7f51\u7ad9\u9898\u76ee<br \/>\n     <\/a>\n    <\/li>\n<li>\n     <a href=\"#_19\" rel=\"nofollow\"><br \/>\n      \u4e8c\u3001\u270d\ufe0f\u7f51\u7ad9\u63cf\u8ff0<br \/>\n     <\/a>\n    <\/li>\n<li>\n     <a href=\"#_34\" rel=\"nofollow\"><br \/>\n      \u4e09\u3001\ud83d\udcda\u7f51\u7ad9\u4ecb\u7ecd<br \/>\n     <\/a>\n    <\/li>\n<li>\n     <a href=\"#_50\" rel=\"nofollow\"><br \/>\n      \u56db\u3001\ud83c\udf10\u7f51\u7ad9\u6f14\u793a<br \/>\n     <\/a>\n    <\/li>\n<li>\n     <a href=\"#__67\" rel=\"nofollow\"><br \/>\n      \u4e94\u3001\u2699\ufe0f \u7f51\u7ad9\u4ee3\u7801<br \/>\n     <\/a>\n    <\/li>\n<li>\n<ul>\n<li>\n       <a href=\"#HTML_68\" rel=\"nofollow\"><br \/>\n        \ud83e\uddf1HTML\u7ed3\u6784\u4ee3\u7801<br \/>\n       <\/a>\n      <\/li>\n<li>\n       <a href=\"#CSS_162\" rel=\"nofollow\"><br \/>\n        \ud83d\udc92CSS\u6837\u5f0f\u4ee3\u7801<br \/>\n       <\/a>\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n     <a href=\"#__433\" rel=\"nofollow\"><br \/>\n      \u516d\u3001\ud83e\udd47 \u5982\u4f55\u8ba9\u5b66\u4e60\u4e0d\u518d\u76f2\u76ee<br \/>\n     <\/a>\n    <\/li>\n<li>\n     <a href=\"#_439\" rel=\"nofollow\"><br \/>\n      \u4e03\u3001\ud83c\udf81\u66f4\u591a\u5e72\u8d27<br \/>\n     <\/a>\n    <\/li>\n<\/ul><\/div>\n<\/p>\n<hr\/>\n<h2>\n   <a id=\"_14\"><br \/>\n   <\/a><br \/>\n   \u4e00\u3001\ud83d\udc68\u200d\ud83c\udf93\u7f51\u7ad9\u9898\u76ee<br \/>\n  <\/h2>\n<p>\n   \ud83c\udfc0\u6821\u56ed\u7bee\u7403\u7f51\u9875\u8bbe\u8ba1\u3001\u26bd\u8db3\u7403\u4f53\u80b2\u8fd0\u52a8\u3001\ud83e\udd3d\u4f53\u80b2\u6e38\u6cf3\u8fd0\u52a8\u3001\ud83c\udfd3\u5175\u4e53\u7403 \u3001\ud83c\udfbe\u7f51\u7403\u3001\u7b49\u7f51\u7ad9\u7684\u8bbe\u8ba1\u4e0e\u5236\u4f5c\u3002\n  <\/p>\n<hr\/>\n<h2>\n   <a id=\"_19\"><br \/>\n   <\/a><br \/>\n   \u4e8c\u3001\u270d\ufe0f\u7f51\u7ad9\u63cf\u8ff0<br \/>\n  <\/h2>\n<p>\n   \ud83c\udff7\ufe0f \u5927\u5b66\u751f\u6821\u56ed\u8fd0\u52a8\u9759\u6001HTML\u7f51\u9875\u8bbe\u8ba1\u4f5c\u54c1\uff0c\u91c7\u7528DIV CSS\u5e03\u5c40\u5236\u4f5c\uff0c\u5185\u5bb9\u5305\u62ec\uff1a\u6821\u56ed\u8fd0\u52a8\u3001\u8fd0\u52a8\u6280\u5de7\u3001\u8fd0\u52a8\u89c4\u5219\u3001\u6280\u672f\u89c4\u5219\u3001\u7ecf\u5178\u52a8\u4f5c\u3002\u9875\u9762\u4e3b\u4f53\u5185\u5bb9\u533a\u57df\u5bbd\u5ea6\u4e3a1200PX\u3002\u7f51\u9875\u6574\u4f53\u4f7f\u7528CSS\u8bbe\u7f6e\u4e86\u7f51\u9875\u80cc\u666f\u56fe\u7247\u3002\u9875\u9762\u7cbe\u7f8e\u5305\u542b\u591a\u4e2a\u6392\u7248\u5e03\u5c40\uff0c\u5b66\u751f\u7f51\u9875\u4f5c\u4e1a\u6c34\u5e73\u5236\u4f5c\u3002\n  <\/p>\n<p>\n   <strong><br \/>\n    \ud83c\udfc5 \u4e00\u5957\u4f18\u8d28\u7684\ud83d\udcaf\u7f51\u9875\u8bbe\u8ba1\u5e94\u8be5\u5305\u542b (\u5177\u4f53\u53ef\u6839\u636e\u4e2a\u4eba\u8981\u6c42\u800c\u5b9a)<br \/>\n   <\/strong>\n  <\/p>\n<ol>\n<li>\n    \u9875\u9762\u5206\u4e3a\u9875\u5934\u3001\u83dc\u5355\u5bfc\u822a\u680f\uff08\u6700\u597d\u53ef\u4e0b\u62c9\uff09\u3001\u4e2d\u95f4\u5185\u5bb9\u677f\u5757\u3001\u9875\u811a\u56db\u5927\u90e8\u5206\u3002\n   <\/li>\n<li>\n    \u6240\u6709\u9875\u9762\u76f8\u4e92\u8d85\u94fe\u63a5\uff0c\u53ef\u5230\u4e09\u7ea7\u9875\u9762\uff0c\u67095-10\u4e2a\u9875\u9762\u7ec4\u6210\u3002\n   <\/li>\n<li>\n    \u9875\u9762\u6837\u5f0f\u98ce\u683c\u7edf\u4e00\u5e03\u5c40\u663e\u793a\u6b63\u5e38\uff0c\u4e0d\u9519\u4e71\uff0c\u4f7f\u7528Div+Css\u6280\u672f\u3002\n   <\/li>\n<li>\n    \u83dc\u5355\u7f8e\u89c2\u3001\u9192\u76ee\uff0c\u4e8c\u7ea7\u83dc\u5355\u53ef\u6b63\u5e38\u5f39\u51fa\u4e0e\u8df3\u8f6c\u3002\n   <\/li>\n<li>\n    \u8981\u6709JS\u7279\u6548\uff0c\u5982\u5b9a\u65f6\u5207\u6362\u548c\u624b\u52a8\u5207\u6362\u56fe\u7247\u8f6e\u64ad\u3002\n   <\/li>\n<li>\n    \u9875\u9762\u4e2d\u6709\u591a\u5a92\u4f53\u5143\u7d20\uff0c\u5982gif\u3001\u89c6\u9891\u3001\u97f3\u4e50\uff0c\u8868\u5355\u6280\u672f\u7684\u4f7f\u7528\u3002\n   <\/li>\n<li>\n    \u9875\u9762\u6e05\u723d\u3001\u7f8e\u89c2\u3001\u5927\u65b9\uff0c\u4e0d\u96f7\u540c\u3002 \u3002\n   <\/li>\n<li>\n    \u4e0d\u4ec5\u8981\u80fd\u591f\u628a\u7528\u6237\u8981\u6c42\u7684\u5185\u5bb9\u5448\u73b0\u51fa\u6765\uff0c\u8fd8\u8981\u6ee1\u8db3\u5e03\u5c40\u826f\u597d\u3001\u754c\u9762\u7f8e\u89c2\u3001\u914d\u8272\u4f18\u96c5\u3001\u8868\u73b0\u5f62\u5f0f\u591a\u6837\u7b49\u8981\u6c42\u3002\n   <\/li>\n<\/ol>\n<hr\/>\n<h2>\n   <a id=\"_34\"><br \/>\n   <\/a><br \/>\n   \u4e09\u3001\ud83d\udcda\u7f51\u7ad9\u4ecb\u7ecd<br \/>\n  <\/h2>\n<p>\n   <strong><br \/>\n    \ud83d\udcd4\u7f51\u7ad9\u5e03\u5c40\u65b9\u9762<br \/>\n   <\/strong><br \/>\n   \uff1a\u8ba1\u5212\u91c7\u7528\u76ee\u524d\u4e3b\u6d41\u7684\u3001\u80fd\u517c\u5bb9\u5404\u5927\u4e3b\u6d41\u6d4f\u89c8\u5668\u3001\u663e\u793a\u6548\u679c\u7a33\u5b9a\u7684\u6d6e\u52a8\u7f51\u9875\u5e03\u5c40\u7ed3\u6784\u3002\n  <\/p>\n<p>\n   <strong><br \/>\n    \ud83d\udcd3\u7f51\u7ad9\u7a0b\u5e8f\u65b9\u9762<br \/>\n   <\/strong><br \/>\n   \uff1a\u8ba1\u5212\u91c7\u7528\u6700\u65b0\u7684\u7f51\u9875\u7f16\u7a0b\u8bed\u8a00HTML5+CSS3+JS\u7a0b\u5e8f\u8bed\u8a00\u5b8c\u6210\u7f51\u7ad9\u7684\u529f\u80fd\u8bbe\u8ba1\u3002\u5e76\u786e\u4fdd\u7f51\u7ad9\u4ee3\u7801\u517c\u5bb9\u76ee\u524d\u5e02\u9762\u4e0a\u6240\u6709\u7684\u4e3b\u6d41\u6d4f\u89c8\u5668\uff0c\u5df2\u8fbe\u5230\u6253\u5f00\u540e\u5c31\u80fd\u5373\u65f6\u770b\u5230\u7f51\u7ad9\u7684\u6548\u679c\u3002\n  <\/p>\n<p>\n   <strong><br \/>\n    \ud83d\udcd8\u7f51\u7ad9\u7d20\u6750\u65b9\u9762<br \/>\n   <\/strong><br \/>\n   \uff1a\u8ba1\u5212\u6536\u96c6\u5404\u5927\u5e73\u53f0\u597d\u770b\u7684\u56fe\u7247\u7d20\u6750\uff0c\u5e76\u7cbe\u6311\u7ec6\u9009\u9002\u5408\u7f51\u9875\u98ce\u683c\u7684\u56fe\u7247\uff0c\u7136\u540e\u4f7f\u7528PS\u505a\u51fa\u9002\u5408\u7f51\u9875\u5c3a\u5bf8\u7684\u56fe\u7247\u3002\n  <\/p>\n<p>\n   <strong><br \/>\n    \ud83d\udcd2\u7f51\u7ad9\u6587\u4ef6\u65b9\u9762<br \/>\n   <\/strong><br \/>\n   \uff1a\u7f51\u7ad9\u7cfb\u7edf\u6587\u4ef6\u79cd\u7c7b\u5305\u542b\uff1ahtml\u7f51\u9875\u7ed3\u6784\u6587\u4ef6\u3001css\u7f51\u9875\u6837\u5f0f\u6587\u4ef6\u3001js\u7f51\u9875\u7279\u6548\u6587\u4ef6\u3001images\u7f51\u9875\u56fe\u7247\u6587\u4ef6\uff1b\n  <\/p>\n<p>\n   <strong><br \/>\n    \ud83d\udcd9\u7f51\u9875\u7f16\u8f91\u65b9\u9762<br \/>\n   <\/strong><br \/>\n   \uff1a\u7f51\u9875\u4f5c\u54c1\u4ee3\u7801\u7b80\u5355\uff0c\u53ef\u4f7f\u7528\u4efb\u610fHTML\u7f16\u8f91\u8f6f\u4ef6\uff08\u5982\uff1a<br \/>\n   <code><br \/>\n    Dreamweaver\u3001HBuilder\u3001Vscode \u3001Sublime \u3001Webstorm\u3001Text \u3001Notepad++<br \/>\n   <\/code><br \/>\n   \u7b49\u4efb\u610fhtml\u7f16\u8f91\u8f6f\u4ef6\u8fdb\u884c\u8fd0\u884c\u53ca\u4fee\u6539\u7f16\u8f91\u7b49\u64cd\u4f5c\uff09\u3002<br \/>\n   <br \/>\n   \u5176\u4e2d\uff1a<br \/>\n   <br \/>\n   \uff081\uff09\ud83d\udcdchtml\u6587\u4ef6\u5305\u542b\uff1a\u5176\u4e2dindex.html\u662f\u9996\u9875\u3001\u5176\u4ed6html\u4e3a\u4e8c\u7ea7\u9875\u9762\uff1b<br \/>\n   <br \/>\n   \uff082\uff09\ud83d\udcd1 css\u6587\u4ef6\u5305\u542b\uff1acss\u5168\u90e8\u9875\u9762\u6837\u5f0f,\u6587\u5b57\u6eda\u52a8, \u56fe\u7247\u653e\u5927\u7b49\uff1b<br \/>\n   <br \/>\n   \uff083\uff09\ud83d\udcc4 js\u6587\u4ef6\u5305\u542b\uff1ajs\u5b9e\u73b0\u52a8\u6001\u8f6e\u64ad\u7279\u6548, \u8868\u5355\u63d0\u4ea4, \u70b9\u51fb\u4e8b\u4ef6\u7b49\u7b49\uff08\u4e2a\u522b\u7f51\u9875\u4e2d\u8fd0\u7528\u5230js\u4ee3\u7801\uff09\u3002\n  <\/p>\n<hr\/>\n<h2>\n   <a id=\"_50\"><br \/>\n   <\/a><br \/>\n   \u56db\u3001\ud83c\udf10\u7f51\u7ad9\u6f14\u793a<br \/>\n  <\/h2>\n<\/p>\n<hr\/>\n<h2>\n   <a id=\"__67\"><br \/>\n   <\/a><br \/>\n   \u4e94\u3001\u2699\ufe0f \u7f51\u7ad9\u4ee3\u7801<br \/>\n  <\/h2>\n<h3>\n   <a id=\"HTML_68\"><br \/>\n   <\/a><br \/>\n   \ud83e\uddf1HTML\u7ed3\u6784\u4ee3\u7801<br \/>\n  <\/h3>\n<pre><code class=\"prism language-html\">\n<span class=\"token doctype\"><span class=\"token punctuation\">&lt;!<\/span><span class=\"token doctype-tag\">DOCTYPE<\/span> <span class=\"token name\">html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>head<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>meta<\/span> <span class=\"token attr-name\">charset<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>utf-8<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>link<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>text\/css<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">rel<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>stylesheet<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>css\/css.css<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token punctuation\">\/&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>title<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7bee\u7403<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>title<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>head<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>body<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>wrapin<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>banner<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span>  <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>banner<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>banner<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul<\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>b_pic<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span> <span class=\"token special-attr\"><span class=\"token attr-name\">style<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token value css language-css\"><span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span><\/span><span class=\"token punctuation\">\"<\/span><\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/banner2.jpg<span class=\"token punctuation\">\"<\/span><\/span>  <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/banner1.jpg<span class=\"token punctuation\">\"<\/span><\/span>  <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/banner3.jpg<span class=\"token punctuation\">\"<\/span><\/span>  <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/banner4.jpg<span class=\"token punctuation\">\"<\/span><\/span>  <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/banner5.jpg<span class=\"token punctuation\">\"<\/span><\/span>  <span class=\"token attr-name\">alt<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span><span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul<\/span> <span class=\"token attr-name\">id<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>b_an<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\t  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>script<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>js\/slider.js<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token script\"><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>script<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>header<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>nav<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>index.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u4e3b\u9875 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>history.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u5386\u53f2 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>fiba.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u56fd\u9645\u7bee\u8054 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>rules.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u89c4\u5219 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>players.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7403\u5458 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>nab.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>NBA <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>video.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u89c6\u9891 <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>playoff.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u5b63\u540e\u8d5b <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>team.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7403\u961f <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>con<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>con_t clearfix<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>pic<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/pic_01.jpg<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>text<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7bee\u7403\u662f\u5965\u8fd0\u4f1a\u7684\u6838\u5fc3\u9879\u76ee\u3002\u8fd9\u662f\u4e00\u9879\u4ee5\u624b\u4e3a\u4e2d\u5fc3\u7684\u8eab\u4f53\u5bf9\u6297\u8fd0\u52a8<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          1891\u5e7412\u670821\u65e5\uff0c\u5b83\u662f\u7531\u9a6c\u8428\u8bf8\u585e\u5dde\u65af\u666e\u6797\u83f2\u5c14\u5fb7\u57fa\u7763\u6559\u9752\u5e74\u4f1a\u8bad\u7ec3\u5b66\u6821\u4f53\u80b2\u6559\u5e08\u8a79\u59c6\u65af\u5948\u53f2\u5bc6\u65af\u53d1\u660e\u7684\u30021896\u5e74\uff0c\u7bee\u7403\u4f20\u5165\u4e2d\u56fd\u5929\u6d25\u30021904\u5e74\uff0c\u5723\u8def\u6613\u65af\u5965\u8fd0\u4f1a\u4e3e\u884c\u4e86\u7b2c\u4e00\u573a\u7bee\u7403\u8868\u6f14\u8d5b\u30021936\u5e74\uff0c\u7bee\u7403\u88ab\u5217\u4e3a\u67cf\u6797\u5965\u8fd0\u4f1a\u6b63\u5f0f\u8d5b\u4e8b\uff0c\u4e2d\u56fd\u8fd8\u6d3e\u51fa\u7bee\u7403\u961f\u9996\u6b21\u53c2\u52a0\u5965\u8fd0\u4f1a\u7bee\u7403\u8d5b\u30021992\u5e74\u5df4\u585e\u7f57\u90a3\u5965\u8fd0\u4f1a\u5f00\u59cb\uff0c\u4e13\u4e1a\u7403\u5458\u53ef\u4ee5\u53c2\u52a0\u5965\u8fd0\u4f1a\u7bee\u7403\u8d5b<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          \u56fd\u9645\u7bee\u7403\u8054\u5408\u4f1a\u662f\u7bee\u7403\u8fd0\u52a8\u7684\u6700\u9ad8\u7ec4\u7ec7\uff0c\u6210\u7acb\u4e8e1932\u5e74\uff0c\u603b\u90e8\u8bbe\u5728\u745e\u58eb\u65e5\u5185\u74e6\u3002\u5f53\u4ee3\u4e16\u754c\u7bee\u7403\u8054\u8d5b\u6700\u9ad8\u6c34\u5e73\u7684\u662f\u7f8e\u56fd\u7537\u7bee\u804c\u4e1a\u8054\u8d5b\uff08NBA\uff09\u3002\u4e2d\u56fd\u7bee\u7403\u8054\u8d5b\u7684\u6700\u9ad8\u6c34\u5e73\u662f\u4e2d\u56fd\u804c\u4e1a\u7bee\u7403\u8054\u8d5b\uff08CBA\uff09\u3002<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>players<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>title<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7403\u5458<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>ul<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>players_box clearfix<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>pic<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/q1.png<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u52d2\u5e03\u6717-\u8a79\u59c6\u65af<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\t\t  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>info1.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u8be6\u60c5<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>pic<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/q2.png<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u8a79\u59c6\u65af-\u54c8\u767b<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\t\t  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>info2.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u8be6\u60c5<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>pic<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/q3.png<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n          <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u65af\u8482\u82ac-\u5e93\u91cc<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>p<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\t\t  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>a<\/span> <span class=\"token attr-name\">href<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>info3.html<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u8be6\u60c5<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>a<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n        <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>li<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n       \n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>ul<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>rules<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>title<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u89c4\u5219<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>img<\/span> <span class=\"token attr-name\">src<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>images\/qc.jpg<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">width<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>100%<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>h2<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u683c\u5f0f<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>h2<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>br<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\uff081\uff09 \u6bd4\u8d5b\u5206\u56db\u8282\uff0c\u6bcf\u828210\u5206\u949f\u3002\u5728\u7b2c\u4e00\u8282\u548c\u7b2c\u4e8c\u8282\u4e4b\u95f4\uff0c\u7b2c\u4e09\u8282\u548c\u7b2c\u56db\u8282\u4e4b\u95f4\uff0c\u4ee5\u53ca\u5728\u6bcf\u4e2a\u51b3\u80dc\u671f\u4e4b\u524d\uff0c\u5e94\u67092\u5206\u949f\u7684\u4f11\u606f\u65f6\u95f4\u3002\u534a\u573a\u4f11\u606f\u65f6\u95f4\u5e94\u4e3a15\u5206\u949f\u3002\u5982\u679c\u7b2c\u56db\u8282\u7ed3\u675f\u65f6\u6bd4\u5206\u6301\u5e73\uff0c\u5219\u67095\u5206\u949f\u7684\u51b3\u80dc\u671f\uff0c\u6216\u8d85\u8fc75\u5206\u949f\u7684\u51b3\u80dc\u671f\uff0c\u5fc5\u987b\u6253\u7834\u5e73\u5c40\u624d\u80fd\u7ee7\u7eed\u6bd4\u8d5b\u3002\u5728\u6240\u6709\u51b3\u80dc\u9636\u6bb5\uff0c\u7403\u961f\u5e94\u5728\u7b2c\u56db\u8282\u7ee7\u7eed\u671d\u7740\u540c\u4e00\u4e2a\u7bee\u7b50\u6bd4\u8d5b<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n      <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span> \uff082\uff09\u4ea4\u66ff\u6240\u6709\u6743\uff1a\u4ea4\u66ff\u6240\u6709\u6743\u662f\u4e00\u79cd\u901a\u8fc7\u6295\u7403\u800c\u4e0d\u662f\u8df3\u7403\u4f7f\u7403\u6d3b\u8d77\u6765\u7684\u65b9\u6cd5\u3002\u5728\u6240\u6709\u8df3\u7403\u7684\u60c5\u51b5\u4e0b\uff0c\u5bf9\u65b9\u7403\u961f\u5c06\u8f6e\u6d41\u6709\u6743\u5728\u79bb\u8df3\u7403\u4f4d\u7f6e\u6700\u8fd1\u7684\u4f4d\u7f6e\u5c06\u7403\u629b\u5165\u754c\u5185\u3002\u5728\u7b2c\u4e00\u8282\u5f00\u59cb\u8df3\u7403\u540e\u5728\u7403\u573a\u4e0a\u5c1a\u672a\u83b7\u5f97\u7403\u7684\u63a7\u5236\u6743\u7684\u7403\u961f\u5e94\u5f00\u59cb\u8f6e\u6d41\u63a7\u7403\u3002\u5728\u4efb\u4f55\u4e00\u8282\u7ed3\u675f\u65f6\uff0c\u62e5\u6709\u4e0b\u4e00\u4e2a\u66ff\u8865\u6240\u6709\u6743\u7684\u7403\u961f\u7b2c\u56db\u8282\u5f00\u59cb\u65f6\uff0c\u5c06\u7403\u6254\u8fdb\u8bb0\u5f55\u8868\u5bf9\u9762\u4e2d\u5fc3\u7ebf\u5ef6\u957f\u7ebf\u7684\u5468\u8fb9\u3002<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>footer<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\u7bee\u7403<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>P<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>footer<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>body<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>html<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\n\n\n<\/code><\/pre>\n<h3>\n   <a id=\"CSS_162\"><br \/>\n   <\/a><br \/>\n   \ud83d\udc92CSS\u6837\u5f0f\u4ee3\u7801<br \/>\n  <\/h3>\n<pre><code class=\"prism language-css\">\n<span class=\"token selector\">*<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">body<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">min-width<\/span><span class=\"token punctuation\">:<\/span> 1200px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 0 auto<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 14px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-family<\/span><span class=\"token punctuation\">:<\/span> PingFang SC<span class=\"token punctuation\">,<\/span> Hiragino Sans GB<span class=\"token punctuation\">,<\/span> Microsoft YaHei UI<span class=\"token punctuation\">,<\/span> Microsoft YaHei<span class=\"token punctuation\">,<\/span> Source Han Sans CN<span class=\"token punctuation\">,<\/span> sans-serif<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> #fff<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">text-align<\/span><span class=\"token punctuation\">:<\/span> justify<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #010000<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">position<\/span><span class=\"token punctuation\">:<\/span> relative<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">h1, h2, h3<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-weight<\/span><span class=\"token punctuation\">:<\/span> 500<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">a<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">cursor<\/span><span class=\"token punctuation\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #333<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">text-decoration<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">outline<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">ul<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">list-style-type<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">em<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-style<\/span><span class=\"token punctuation\">:<\/span> normal<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.lt<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> left<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.rt<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> right<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input.sub, label<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">cursor<\/span><span class=\"token punctuation\">:<\/span> pointer<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input, textarea<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-family<\/span><span class=\"token punctuation\">:<\/span> PingFang SC<span class=\"token punctuation\">,<\/span> Hiragino Sans GB<span class=\"token punctuation\">,<\/span> Microsoft YaHei UI<span class=\"token punctuation\">,<\/span> Microsoft YaHei<span class=\"token punctuation\">,<\/span> Source Han Sans CN<span class=\"token punctuation\">,<\/span> sans-serif<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">outline<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">table<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">border-collapse<\/span><span class=\"token punctuation\">:<\/span> collapse<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">table td, table th<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input::-webkit-input-placeholder, textarea::-webkit-input-placeholder<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span>#ccc<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input::-moz-placeholder, textarea::-moz-placeholder<\/span> <span class=\"token punctuation\">{<!-- --><\/span>   <span class=\"token comment\">\/* Mozilla Firefox 19+ *\/<\/span>\n <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span>#ccc<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input:-moz-placeholder, textarea:-moz-placeholder<\/span> <span class=\"token punctuation\">{<!-- --><\/span>    <span class=\"token comment\">\/* Mozilla Firefox 4 to 18 *\/<\/span>\n <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span>#ccc<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">input:-ms-input-placeholder, textarea:-ms-input-placeholder<\/span> <span class=\"token punctuation\">{<!-- --><\/span>  <span class=\"token comment\">\/* Internet Explorer 10-11 *\/<\/span>\n <span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span>#ccc<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">div.clear<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font<\/span><span class=\"token punctuation\">:<\/span> 0px Arial<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">overflow<\/span><span class=\"token punctuation\">:<\/span> hidden<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">clear<\/span><span class=\"token punctuation\">:<\/span> both<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.clearfix::after<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">content<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token string\">\"\"<\/span><span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">clear<\/span><span class=\"token punctuation\">:<\/span> both<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.wrapin<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 1200px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin-left<\/span><span class=\"token punctuation\">:<\/span> auto<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin-right<\/span><span class=\"token punctuation\">:<\/span> auto<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">body<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token url\"><span class=\"token function\">url<\/span><span class=\"token punctuation\">(<\/span>..\/images\/bg2.jpg<span class=\"token punctuation\">)<\/span><\/span> no-repeat center<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background-size<\/span><span class=\"token punctuation\">:<\/span> cover<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.banner<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.banner img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.header<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> #f6b70a<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 60px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nav<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 60px<span class=\"token punctuation\">;<\/span> <span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span>60px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nav li<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">text-align<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 133px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> inline-block<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span>left<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nav li a<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 16px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #fff<span class=\"token punctuation\">;<\/span> <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span>block\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nav li a:hover<\/span><span class=\"token punctuation\">{<!-- --><\/span> <span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span>#FF6633<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.con<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">min-height<\/span><span class=\"token punctuation\">:<\/span> 500px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">rgba<\/span><span class=\"token punctuation\">(<\/span>255<span class=\"token punctuation\">,<\/span>255<span class=\"token punctuation\">,<\/span>255<span class=\"token punctuation\">,<\/span>1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 15px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.title<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 20px 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-weight<\/span><span class=\"token punctuation\">:<\/span> bold<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #950304<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 24px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 40px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">border-bottom<\/span><span class=\"token punctuation\">:<\/span> 1px solid #950304<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.con_t<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 30px 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">border-bottom<\/span><span class=\"token punctuation\">:<\/span> 1px solid #ccc<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.con_t .pic<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> left<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 300px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> 1px solid #ccc<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 15px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">box-sizing<\/span><span class=\"token punctuation\">:<\/span> border-box<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.con_t .pic img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.con_t .text<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> right<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 850px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 14px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 28px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #333<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box li<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 33.333%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> left<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">text-align<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin-bottom<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box li a<\/span><span class=\"token punctuation\">{<!-- --><\/span> <span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span>#FFCC33<span class=\"token punctuation\">;<\/span> <span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span>inline-block<span class=\"token punctuation\">;<\/span> <span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span>5px 10px<span class=\"token punctuation\">;<\/span> <span class=\"token property\">margin-top<\/span><span class=\"token punctuation\">:<\/span>10px<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box li p<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 16px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #333<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">border<\/span><span class=\"token punctuation\">:<\/span> 1px solid #ccc<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 30px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 80%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 0 auto<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> #fff<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">position<\/span><span class=\"token punctuation\">:<\/span> relative<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">z-index<\/span><span class=\"token punctuation\">:<\/span> 1<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box li img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">-webkit-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-moz-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-o-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.players_box li img:hover<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-webkit-transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>  <span class=\"token comment\">\/*\u517c\u5bb9-webkit-\u5f15\u64ce\u6d4f\u89c8\u5668*\/<\/span>\n\t<span class=\"token property\">-moz-transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.rules h2<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #000<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">font-weight<\/span><span class=\"token punctuation\">:<\/span> bold<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 10px 0<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.rules p<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 16px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #333<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 28px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin-bottom<\/span><span class=\"token punctuation\">:<\/span> 10px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">footer<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 60px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 60px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin-top<\/span><span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">text-align<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">color<\/span><span class=\"token punctuation\">:<\/span> #fff<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> #f6b70a<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nba<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 15px -15px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nba li<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">float<\/span><span class=\"token punctuation\">:<\/span> left<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 33.33%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">padding<\/span><span class=\"token punctuation\">:<\/span> 15px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">box-sizing<\/span><span class=\"token punctuation\">:<\/span> border-box<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nba li .box<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 210px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">overflow<\/span><span class=\"token punctuation\">:<\/span> hidden<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nba li .box img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">object-fit<\/span><span class=\"token punctuation\">:<\/span> cover<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-webkit-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-moz-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-o-transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">transition<\/span><span class=\"token punctuation\">:<\/span> all 0.3s<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.nba li .box img:hover<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">-webkit-transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>  <span class=\"token comment\">\/*\u517c\u5bb9-webkit-\u5f15\u64ce\u6d4f\u89c8\u5668*\/<\/span>\n\t<span class=\"token property\">-moz-transform<\/span><span class=\"token punctuation\">:<\/span> <span class=\"token function\">scale<\/span><span class=\"token punctuation\">(<\/span>1.1<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">.text_nab<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">font-size<\/span><span class=\"token punctuation\">:<\/span> 16px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">line-height<\/span><span class=\"token punctuation\">:<\/span> 28px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n\n\n<span class=\"token selector\">#banner<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 600px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">position<\/span><span class=\"token punctuation\">:<\/span> relative<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">#banner ul#b_pic li<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 600px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">overflow<\/span><span class=\"token punctuation\">:<\/span> hidden<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">position<\/span><span class=\"token punctuation\">:<\/span> absolute<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">top<\/span><span class=\"token punctuation\">:<\/span> 0<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> none<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">#banner ul#b_pic li img<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span>600px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> block<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">#banner ul#b_an<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">position<\/span><span class=\"token punctuation\">:<\/span> absolute<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 100%<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">bottom<\/span><span class=\"token punctuation\">:<\/span> 32px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">display<\/span><span class=\"token punctuation\">:<\/span> flex<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">align-items<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">justify-content<\/span><span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n<span class=\"token selector\">#banner ul#b_an li<\/span> <span class=\"token punctuation\">{<!-- --><\/span>\n\t<span class=\"token property\">width<\/span><span class=\"token punctuation\">:<\/span> 13px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">height<\/span><span class=\"token punctuation\">:<\/span> 13px<span class=\"token punctuation\">;<\/span> <span class=\"token property\">border-radius<\/span><span class=\"token punctuation\">:<\/span>13px<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">background<\/span><span class=\"token punctuation\">:<\/span> #86939b<span class=\"token punctuation\">;<\/span>\n\t<span class=\"token property\">margin<\/span><span class=\"token punctuation\">:<\/span> 0 3px<span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span>\n\n\n<\/code><\/pre>\n<hr\/>\n<h2>\n   <a id=\"__433\"><br \/>\n   <\/a><br \/>\n   \u516d\u3001\ud83e\udd47 \u5982\u4f55\u8ba9\u5b66\u4e60\u4e0d\u518d\u76f2\u76ee<br \/>\n  <\/h2>\n<p>\n   \u5f88\u591a\u521a\u5165\u95e8\u7f16\u7a0b\u7684\u5c0f\u767d\u5b66\u4e60\u4e86\u57fa\u7840\u8bed\u6cd5\uff0c\u5374\u4e0d\u77e5\u9053\u8bed\u6cd5\u7684\u7528\u9014\uff0c\u4e0d\u77e5\u9053\u5982\u4f55\u52a0\u6df1\u6620\u50cf\uff0c\u4e0d\u77e5\u9053\u5982\u4f55\u63d0\u5347\u81ea\u5df1\uff0c\u8fd9\u4e2a\u65f6\u5019\u6bcf\u5929\u5237\u81ea\u4e3b\u5237\u4e00\u4e9b\u9898\u5c31\u975e\u5e38\u91cd\u8981\uff08\u767e\u70bc\u6210\u795e\uff09\uff0c\u53ef\u4ee5\u53bb\u725b\u5ba2\u7f51\u4e0a\u7684\u7f16\u7a0b\u521d\u5b66\u8005\u5165\u95e8\u8bad\u7ec3\u3002\u8be5\u4e13\u9898\u4e3a\u7f16\u7a0b\u5165\u95e8\u7ea7\u522b\uff0c\u9002\u5408\u521a\u5b66\u5b8c\u8bed\u6cd5\u7684\u5c0f\u767d\u7ec3\u4e60\uff0c\u9898\u76ee\u6d89\u53ca\u7f16\u7a0b\u57fa\u7840\u8bed\u6cd5\uff0c\u57fa\u672c\u7ed3\u6784\u7b49\uff0c\u6bcf\u9053\u9898\u5e26\u6709\u7ec3\u4e60\u6a21\u5f0f\u548c\u8003\u8bd5\u6a21\u5f0f\uff0c\u53ef\u8fd8\u539f\u8003\u8bd5\u6a21\u5f0f\u8fdb\u884c\u6a21\u62df\uff0c\u4e5f\u53ef\u901a\u8fc7\u7ec3\u4e60\u6a21\u5f0f\u8fdb\u884c\u7ec3\u4e60 \u3002\n  <\/p>\n<hr\/>\n<h2>\n   <a id=\"_439\"><br \/>\n   <\/a><br \/>\n   \u4e03\u3001\ud83c\udf81\u66f4\u591a\u5e72\u8d27<br \/>\n  <\/h2>\n<p>\n   1.\u5982\u679c\u6211\u7684\u535a\u5ba2\u5bf9\u4f60\u6709\u5e2e\u52a9\u3001\u5982\u679c\u4f60\u559c\u6b22\u6211\u7684\u535a\u5ba2\u5185\u5bb9\uff0c<br \/>\n   <code><br \/>\n    \u8bf7 \u201c\ud83d\udc4d\u70b9\u8d5e\u201d \u201c\u270d\ufe0f\u8bc4\u8bba\u201d \u201c\ud83d\udc99\u6536\u85cf\u201d<br \/>\n   <\/code><br \/>\n   \u4e00\u952e\u4e09\u8fde\u54e6\uff01\n  <\/p>\n<p>\n   2.<br \/>\n   <code><br \/>\n    \ud83d\udc97\u3010\ud83d\udc47\ud83c\udffb\ud83d\udc47\ud83c\udffb\ud83d\udc47\ud83c\udffb\u5173\u6ce8\u6211| \ud83d\udcac\u83b7\u53d6\u66f4\u591a\u6e90\u7801 | \u4f18\u8d28\u6587\u7ae0\u3011<br \/>\n   <\/code><br \/>\n   \u5e26\u60a8\u5b66\u4e60\u5404\u79cd\u524d\u7aef\u63d2\u4ef6\u30013D\u70ab\u9177\u6548\u679c\u3001\u56fe\u7247\u5c55\u793a\u3001\u6587\u5b57\u6548\u679c\u3001\u4ee5\u53ca\u6574\u7ad9\u6a21\u677f \u3001\u5927\u5b66\u751f\u6bd5\u4e1aHTML\u6a21\u677f \u3001\u671f\u672b\u5927\u4f5c\u4e1a\u6a21\u677f \u3001\u7b49! \u300c\u5728\u8fd9\u91cc\u6709\u597d\u591a \u524d\u7aef \u5f00\u53d1\u8005\uff0c\u4e00\u8d77\u63a2\u8ba8 \u524d\u7aef Node \u77e5\u8bc6\uff0c\u4e92\u76f8\u5b66\u4e60\u300d\uff01\n  <\/p>\n<p>\n   3.\n  <\/p>\n<div id=\"weibu\">\n   \u4ee5\u4e0a\u5185\u5bb9\u6280\u672f\u76f8\u5173\u95ee\u9898\ud83d\udc8c\u6b22\u8fce\u4e00\u8d77\u4ea4\u6d41\u5b66\u4e60\ud83d\udc47\ud83c\udffb\ud83d\udc47\ud83c\udffb\ud83d\udc47\ud83c\udffb\ud83d\udcac\n  <\/div>\n<p><\/p>\n<\/p><\/div>\n<link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/markdown_views-a5d25dd831.css\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/style-e504d6a974.css\" rel=\"stylesheet\"\/>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf89\u7cbe\u5f69\u4e13\u680f\u63a8\u8350 \ud83d\udcad\u6587\u672b\u83b7\u53d6\u8054\u7cfb \u270d\ufe0f \u4f5c\u8005\u7b80\u4ecb: \u4e00\u4e2a\u70ed\u7231\u628a\u903b\u8f91\u601d\u7ef4\u8f6c\u53d8\u4e3a\u4ee3\u7801\u7684\u6280\u672f\u535a\u4e3b \ud83d\udc82 \u4f5c\u8005\u4e3b\u9875: \u3010\u4e3b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-1536","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-29"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403nba\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udf89\u7cbe\u5f69\u4e13\u680f\u63a8\u8350 \ud83d\udcad\u6587\u672b\u83b7\u53d6\u8054\u7cfb \u270d\ufe0f \u4f5c\u8005\u7b80\u4ecb: \u4e00\u4e2a\u70ed\u7231\u628a\u903b\u8f91\u601d\u7ef4\u8f6c\u53d8\u4e3a\u4ee3\u7801\u7684\u6280\u672f\u535a\u4e3b \ud83d\udc82 \u4f5c\u8005\u4e3b\u9875: \u3010\u4e3b [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403nba\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-30T10:00:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"260\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@wunen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@wunen\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/\"},\"author\":{\"name\":\"admin@wunen\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\"},\"headline\":\"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801\",\"datePublished\":\"2025-04-30T10:00:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/\"},\"wordCount\":49,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"articleSection\":[\"\u4f53\u80b2\u8fd0\u52a8\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/\",\"url\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/\",\"name\":\"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"isPartOf\":{\"@id\":\"https:\/\/www.wunen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"datePublished\":\"2025-04-30T10:00:03+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"width\":260,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wunen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wunen.com\/#website\",\"url\":\"https:\/\/www.wunen.com\/\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"description\":\"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9\",\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wunen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.wunen.com\/#organization\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"url\":\"https:\/\/www.wunen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\"},\"image\":{\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\",\"name\":\"admin@wunen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"caption\":\"admin@wunen\"},\"sameAs\":[\"http:\/\/www.wunen.com\"],\"url\":\"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403nba\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\/","og_locale":"zh_CN","og_type":"article","og_title":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","og_description":"\ud83c\udf89\u7cbe\u5f69\u4e13\u680f\u63a8\u8350 \ud83d\udcad\u6587\u672b\u83b7\u53d6\u8054\u7cfb \u270d\ufe0f \u4f5c\u8005\u7b80\u4ecb: \u4e00\u4e2a\u70ed\u7231\u628a\u903b\u8f91\u601d\u7ef4\u8f6c\u53d8\u4e3a\u4ee3\u7801\u7684\u6280\u672f\u535a\u4e3b \ud83d\udc82 \u4f5c\u8005\u4e3b\u9875: \u3010\u4e3b [&hellip;]","og_url":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403nba\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\/","og_site_name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","article_published_time":"2025-04-30T10:00:03+00:00","og_image":[{"width":260,"height":180,"url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","type":"image\/jpeg"}],"author":"admin@wunen","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin@wunen","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#article","isPartOf":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/"},"author":{"name":"admin@wunen","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8"},"headline":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801","datePublished":"2025-04-30T10:00:03+00:00","mainEntityOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/"},"wordCount":49,"commentCount":0,"publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","articleSection":["\u4f53\u80b2\u8fd0\u52a8"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/","url":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/","name":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801 - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","isPartOf":{"@id":"https:\/\/www.wunen.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","datePublished":"2025-04-30T10:00:03+00:00","breadcrumb":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#primaryimage","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","width":260,"height":180},{"@type":"BreadcrumbList","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/30\/htmlcssjs%e9%9d%99%e6%80%81%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e3%80%90%e7%af%ae%e7%90%83nba%e4%bb%8b%e7%bb%8d%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e3%80%91web%e5%89%8d%e7%ab%af%e5%ad%a6%e7%94%9f\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wunen.com\/"},{"@type":"ListItem","position":2,"name":"HTML+CSS+JS\u9759\u6001\u7f51\u9875\u8bbe\u8ba1\u3010\u7bee\u7403NBA\u4ecb\u7ecd\u4f53\u80b2\u8fd0\u52a8\u3011web\u524d\u7aef\u5b66\u751f\u4f5c\u4e1a\u6e90\u7801"}]},{"@type":"WebSite","@id":"https:\/\/www.wunen.com\/#website","url":"https:\/\/www.wunen.com\/","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","description":"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9","publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wunen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.wunen.com\/#organization","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","url":"https:\/\/www.wunen.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","width":1024,"height":1024,"caption":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51"},"image":{"@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8","name":"admin@wunen","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","caption":"admin@wunen"},"sameAs":["http:\/\/www.wunen.com"],"url":"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/"}]}},"_links":{"self":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/1536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/comments?post=1536"}],"version-history":[{"count":0,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/1536\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media\/215"}],"wp:attachment":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media?parent=1536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/categories?post=1536"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/tags?post=1536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}