{"id":2111,"date":"2018-11-28T14:17:29","date_gmt":"2018-11-28T06:17:29","guid":{"rendered":"https:\/\/www.baishitou.cn\/?p=2111"},"modified":"2018-11-28T14:24:42","modified_gmt":"2018-11-28T06:24:42","slug":"%e5%88%87%e5%9b%be%e4%b8%8ecss%e5%85%a5%e9%97%a8","status":"publish","type":"post","link":"https:\/\/www.baishitou.cn\/2111.html","title":{"rendered":"\u5207\u56fe\u4e0eCSS\u5165\u95e8"},"content":{"rendered":"

\u4e0d\u4f1aCSS\u7684\u540e\u7aef\u4e0d\u662f\u597d\u7684\u7a0b\u5e8f\u733f<\/h2>\n

JS \u5bf9\u4e8e\u540e\u7aef\u5c0f\u4f19\u4f34\u6765\u8bf4\u4e0d\u7b97\u96be\u70b9\uff0c\u80fd\u591f\u987a\u624b\u7684\u4f7f\u7528\uff0c\u6d89\u53ca\u5230 CSS \u5c31\u4f1a\u6709\u70b9\u61f5\u903c\u4e86\u3002\u4e3a\u4e86\u8ba9\u540e\u7aef\u540c\u4e8b\u66f4\u6109\u5feb\u7684\u73a9\u8f6c CSS\uff0c\u505a\u4e00\u4e2a\u597d\u7684\u5207\u56fe\u4ed4\uff0c\u4e0b\u9762\u6211\u5c06\u8bb2\u4e00\u4e9b\u5982\u4f55\u63d0\u5347\u81ea\u5df1\u7684 CSS \u6280\u5de7\uff0c\u5e2e\u52a9\u540e\u7aef\u540c\u4e8b\u5feb\u901f\u8fd8\u539f PSD\u3002<\/p>\n

\u524d\u7aef\u9875\u9762\u7684\u4e66\u5199\u987a\u5e8f<\/strong><\/p>\n

    \n
  1. \u5148\u770b\u8bbe\u8ba1\u7a3f<\/li>\n
  2. \u7f16\u5199 HTML \u4ee3\u7801<\/li>\n
  3. \u7f16\u5199 CSS \u4ee3\u7801<\/li>\n
  4. \u7f16\u5199 JS \u4ee3\u7801<\/li>\n<\/ol>\n

    \u4eca\u5929\u6211\u4eec\u4e3b\u8981\u5173\u6ce8\u7f16\u5199 CSS \u4ee3\u7801\uff0c\u5728\u5199 CSS \u4ee3\u7801\u65f6\uff0c\u6211\u4eec\u9700\u8981\u4ecePSD\u4e2d\u62ff\u5230\u5404\u79cd\u6570\u636e\uff0c\u5982\u4f55\u7cbe\u51c6\u7684\u62ff\u5230\u8fd9\u4e9b\u6570\u636e\uff0c\u4fdd\u8bc1\u9875\u9762\u80fd\u591f\u50cf\u7d20\u7ea7\u8fd8\u539f\u5462\uff1f<\/p>\n

    <\/a>PSD\u5207\u56fe<\/h2>\n

    \u6253\u5f00PSD\uff0c\u6211\u4eec\u770b\u5230\u4e00\u4e2aPSD\u91cc\u9762\u6709\u5f88\u591a\u7684\u667a\u80fd\u53c2\u8003\u7ebf\uff0c\u8bbe\u8ba1\u5e08\u5728\u8bbe\u8ba1\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6839\u636e\u67d0\u4e9b\u6a21\u5757\u7ed9\u51fa\u9002\u5f53\u7684\u667a\u80fd\u53c2\u8003\u7ebf\uff0c\u5e2e\u52a9\u524d\u7aef\u540c\u4e8b\u66f4\u597d\u7684\u53bb\u5207\u56fe\u3002
    \n\u5982\u679c\u6211\u4eec\u53d1\u73b0\u8981\u5207\u7684\u56fe\u6ca1\u6709\u53c2\u8003\u7ebf\uff0c\u90a3\u6211\u4eec\u53ef\u4ee5\u624b\u52a8\u52a0\uff0c\u667a\u80fd\u53c2\u8003\u7ebf\u6709\u52a9\u4e8e\u6211\u4eec\u66f4\u7cbe\u51c6\u7684\u4e08\u91cf\u5143\u7d20\u7684\u5c3a\u5bf8\uff0c\u6bd4\u5982\u5bbd\u9ad8\u3001\u5185\u8fb9\u8ddd\u3001\u5916\u8fb9\u8ddd\u3001\u884c\u9ad8\u7b49\u3002<\/p>\n

    <\/a>Photoshop\u5feb\u6377\u952e<\/h3>\n

    Photoshop\u5e38\u7528\u5feb\u6377\u952e\u00a0http:\/\/www.ip138.com\/photoshop\/<\/a>\u3001https:\/\/helpx.adobe.com\/cn\/photoshop\/using\/default-keyboard-shortcuts.html<\/a><\/p>\n\n\n\n\n\n\n\n\n\n
    \u64cd\u4f5c<\/th>\nwindow<\/th>\nMac<\/th>\n<\/tr>\n<\/thead>\n
    \u81ea\u7531\u53d8\u6362<\/td>\nCtrl + T<\/td>\nCmd + T<\/td>\n<\/tr>\n
    \u9009\u62e9\u5de5\u5177\uff1a<\/td>\nV<\/td>\nV<\/td>\n<\/tr>\n
    \u77e9\u5f62\/\u692d\u5706\u5de5\u5177<\/td>\nM<\/td>\nM<\/td>\n<\/tr>\n
    \u526a\u88c1\/\u5207\u7247\u5de5\u5177<\/td>\nC<\/td>\nC<\/td>\n<\/tr>\n
    \u653e\u5927\u548c\u7f29\u5c0f<\/td>\nCtrl++\u3001Ctrl+-<\/td>\nCmd++\u3001Cmd+-<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    <\/a>\u4e24\u79cd\u5207\u56fe\u65b9\u6cd5<\/h4>\n

    \u7b2c\u4e00\u79cd\uff1a\u4f7f\u7528\u5207\u7247\u5de5\u5177
    \n1.\u4f7f\u7528\u5207\u7247\u5de5\u5177\u5212\u5206\u597d\u4f60\u8981\u5207\u7684\u6a21\u5757
    \n2.\u70b9\u51fb'\u5b58\u50a8\u4e3aweb\u6240\u6709\u683c\u5f0f'\uff0c\u5728\u5b58\u50a8\u4e4b\u524d\u53ef\u4ee5\u4fee\u6539\u56fe\u7247\u7684\u54c1\u8d28\u6765\u6539\u53d8\u6587\u4ef6\u7684\u5927\u5c0f\u3002
    \n3.\u5728\u5b58\u50a8\u65f6\u5207\u7247\u6709\u4e09\u79cd\u9009\u62e9\u65b9\u5f0f\uff0c\u6309\u7167\u81ea\u5df1\u7684\u9700\u8981\u9009\u62e9\u3002<\/p>\n

    \u7b2c\u4e8c\u79cd\uff1a\u4f7f\u7528\u77e9\u5f62\u9009\u62e9\u5de5\u5177
    \n1.\u4f7f\u7528\u77e9\u5f62\u9009\u62e9\u5de5\u5177\u9009\u4e2d\u8981\u5207\u7684\u6a21\u5757
    \n2.ctrl+shift+c\u5408\u5e76\u62f7\u8d1d\u56fe\u5c42
    \n3.ctrl+n\u65b0\u5efa\u6587\u6863
    \n4.ctrl+v\u7c98\u8d34\u56fe\u5c42\uff0c\u4fdd\u5b58\u3002<\/p>\n

    <\/a>\u9009\u4e2d\u56fe\u5c42<\/h4>\n

    \u5207\u6362\u5230\u79fb\u52a8\u5de5\u5177
    \nalt+\u9f20\u6807\u53f3\u952e
    \n\u6216
    \nctrl+\u9f20\u6807\u5de6\u952e
    \n\u6ce8\uff1a\u9009\u62e9\u6709\u7ec4\u4e0e\u56fe\u5c42\u4e24\u4e2a\u9009\u9879\uff0c\u6839\u636e\u81ea\u5df1\u7684\u9700\u8981\u9009\u62e9\uff0c\u4e00\u822c\u6211\u4eec\u9009\u4e2d\u56fe\u5c42\u3002<\/p>\n

    <\/a>\u81ea\u7531\u53d8\u5316\u9009\u533a<\/h4>\n

    \u9009\u4e2d\u56fe\u5c42\uff0cctrl+t\u81ea\u7531\u53d8\u5316\u9009\u533a\u3002
    \n\u8bbe\u7f6e\u680f\u5305\u62ecx\/y,w\/h\uff0c\u5ea6\u7b49\u9009\u9879\u3002<\/p>\n

    <\/a>\u653e\u5927\u7f29\u5c0f<\/h4>\n

    alt+\u6ed1\u8f6e<\/p>\n

    <\/a>\u67e5\u770b\u56fe\u5c42\u6216\u6a21\u5757\u7684\u5bbd\u9ad8<\/h4>\n

    \u65b9\u5f0f\u4e00\uff1a\u70b9\u51fb\u56fe\u5c42\u7684\u7f29\u7565\u56fe+ctrl,\u53ef\u5728\u4fe1\u606f\u9879\u91cc\u9762\u770b\u5230\u56fe\u5c42\u7684\u5bbd\u9ad8\u3002
    \n\u65b9\u5f0f\u4e8c\uff1actrl+T\u81ea\u7531\u53d8\u5316\u56fe\u5c42\u5927\u5c0f\uff0c\u4e5f\u53ef\u4ee5\u5728\u4fe1\u606f\u9879\u91cc\u770b\u5230\u56fe\u5c42\u7684\u5bbd\u9ad8\u3002
    \n\u65b9\u5f0f\u4e09\uff1a\u4f7f\u7528\u77e9\u5f62\u9009\u62e9\u5de5\u5177\u91cf\u3002<\/p>\n

    <\/a>\u4fee\u6539\u5b57\u4f53\u3001\u989c\u8272\u7b49\u3002<\/h4>\n

    \u8bbe\u8ba1\u5e08\u505a\u5b8c\u4e86psd\u56fe\u540e\uff0c\u6709\u65f6\u6211\u4eec\u9700\u8981\u81ea\u5df1\u6539\u52a8\u4e00\u4e9b\u7ec6\u8282\u3002
    \n\u9009\u4e2d\u56fe\u5c42\u540e\uff0c\u70b9\u51fb\u56fe\u5c42\u7684\u7f29\u7565\u56fe\uff0c\u53ef\u4ee5\u76f4\u63a5\u4fee\u6539\u989c\u8272\u3002
    \n\u6216\u76f4\u63a5\u8c03\u4e3a\u524d\u666f\u8272\u6216\u540e\u666f\u8272\u3002ctrl+delete(\u540e\u666f\u8272)\uff0calt+delete(\u540e\u666f\u8272)<\/p>\n

    <\/a>\u9690\u85cf\u4e0e\u663e\u793a\u56fe\u5c42\u6216\u7ec4\u3002<\/h4>\n

    \u9690\u85cf\uff1aalt+\u70b9\u51fb\u773c\u775b\u56fe\u6807\uff0c\u5373\u53ea\u663e\u793a\u6216\u9690\u85cf\u5f53\u524d\u56fe\u5c42\u3001\u7ec4\u3002<\/p>\n

    \u4e0a\u9762\u7b80\u5355\u7684\u6240\u6709\u4e86\u5207\u56fe\uff0c\u8fd8\u6709\u4e00\u4e9b\u66f4\u9ad8\u7ea7\u7684\uff0c\u6bd4\u5982\u56fe\u7247\u96ea\u78a7\uff0c\u5706\u89d2\uff0c\u9634\u5f71\u548c\u8499\u7248\u7b49\u3002\u5728\u5207\u56fe\u7684\u65f6\u5019\uff0c\u6211\u4eec\u5df2\u7ecf\u60f3\u5230\u4e86\u600e\u4e48\u5199\u597dHTML\u4ee3\u7801\uff0c\u8fd9\u65f6\u5199\u597dHTML\u4ee3\u7801\u3002<\/p>\n

    <\/a>\u7f16\u5199CSS\u4ee3\u7801\u3002<\/h2>\n

    <\/a>1. CSS\u6837\u5f0f\u91cd\u7f6e<\/h3>\n

    \u9996\u5148\u5f15\u5165\u4e00\u4e2aCSS\u91cd\u7f6e\u6837\u5f0f\uff0c\u8fd9\u6837\u5b50\u53ef\u4ee5\u5e2e\u52a9\u6211\u4eec\u7edf\u4e00\u5404\u4e2a\u5143\u7d20\u5728\u4e0d\u540c\u6d4f\u89c8\u5668\u4e4b\u95f4\u7684\u5dee\u5f02\u3002<\/p>\n

    PC\u91cd\u7f6e\u4ee3\u7801<\/strong>\uff1ahttp:\/\/js.3conline.com\/pconline\/common\/css\/zt_base.2.0.css<\/a><\/p>\n

    \/* reset *\/<\/span>\r\nbody<\/span>,div<\/span>,dl<\/span>,dt<\/span>,dd<\/span>,ul<\/span>,ol<\/span>,li<\/span>,h1<\/span>,h2<\/span>,h3<\/span>,h4<\/span>,h5<\/span>,h6<\/span>,pre<\/span>,code<\/span>,form<\/span>,fieldset<\/span>,legend<\/span>,input<\/span>,textarea<\/span>,p<\/span>,blockquote<\/span>,th<\/span>,td<\/span>,hr<\/span>,button<\/span>,article<\/span>,aside<\/span>,details<\/span>,figcaption<\/span>,figure<\/span>,footer<\/span>,header<\/span>,hgroup<\/span>,menu<\/span>,nav<\/span>,section<\/span> {margin<\/span>:0<\/span>; padding<\/span>:0<\/span>;}\r\nhtml<\/span>{-webkit-text-size-adjust<\/span>:none;}\r\nbody<\/span>{background<\/span>:#4f90d2<\/span>; font<\/span>:12px<\/span>\/2em<\/span> Microsoft Yahei,tahoma,HELVETICA; text-align<\/span>:center;}\r\nol<\/span>,ul<\/span>{list-style<\/span>:none;}\r\nh1<\/span>,h2<\/span>,h3<\/span>,h4<\/span>,h5<\/span>,h6<\/span>{font-size<\/span>:100%<\/span>;}\r\nimg<\/span>{border<\/span>:none; vertical-align<\/span>:top}\r\ni<\/span>,em<\/span>{font-style<\/span>:normal;}\r\ninput<\/span>,select<\/span>,option<\/span>,textarea<\/span>{font-size<\/span>:12px<\/span>;}\r\na<\/span>{text-decoration<\/span>:none;} a<\/span>:hover<\/span>{text-decoration<\/span>:underline;}\r\n\r\n\/* function *\/<\/span>\r\nnoscript<\/span>,.spanclass<\/span>,.pannel<\/span>,.hidden<\/span>{display<\/span>:none;}\r\n.show<\/span>,.block<\/span>{display<\/span>:block;}\r\n.mark<\/span>,.fl<\/span>,.mark-sub<\/span>,.fr<\/span>{display<\/span>:inline;}\r\n.mark<\/span>,.fl<\/span>{float<\/span>:left;} .mark-sub<\/span>,.fr<\/span>{float<\/span>:right;}\r\n.fs-14<\/span>{font-size<\/span>:14px<\/span>;} .fs-16<\/span>{font-size<\/span>:16px<\/span>;}\r\n.clear<\/span>{clear<\/span>:both; height<\/span>:0<\/span>; line-height<\/span>:0<\/span>; font-size<\/span>:0<\/span>; overflow<\/span>:hidden;}\r\n.clearfix<\/span>{*zoom<\/span>:1<\/span>} .clearfix<\/span>:after<\/span>{content<\/span>:\"\\20\"<\/span>; clear<\/span>:both; height<\/span>:0<\/span>; display<\/span>:block; overflow<\/span>:hidden;}<\/code><\/pre>\n
    \r\n@charset<\/span> \"utf-8\"<\/span>;\r\nbody<\/span>,dl<\/span>,dd<\/span>,ul<\/span>,ol<\/span>,h1<\/span>,h2<\/span>,h3<\/span>,h4<\/span>,h5<\/span>,h6<\/span>,pre<\/span>,form<\/span>,input<\/span>,textarea<\/span>,p<\/span>,hr<\/span>,thead<\/span>,tbody<\/span>,tfoot<\/span>,th<\/span>,td<\/span>{margin<\/span>:0<\/span>;padding<\/span>:0<\/span>;}\r\nul<\/span>,ol<\/span>{list-style<\/span>:none;}\r\na<\/span>{text-decoration<\/span>:none;}\r\nhtml<\/span>{-ms-text-size-adjust<\/span>:none;-webkit-text-size-adjust<\/span>:none;text-size-adjust<\/span>:none;}\r\nbody<\/span>{line-height<\/span>:1.5<\/span>;}\r\nbody<\/span>,button<\/span>,input<\/span>,select<\/span>,textarea<\/span>{font-family<\/span>:'helvetica neue'<\/span>,tahoma,'hiragino sans gb'<\/span>,stheiti,'wenquanyi micro hei'<\/span>,\\5<\/span>FAE\\8<\/span>F6F\\96<\/span>C5\\9<\/span>ED1,\\5<\/span>B8B\\4<\/span>F53,sans-serif;}\r\nb<\/span>,strong<\/span>{font-weight<\/span>:bold;}\r\ni<\/span>,em<\/span>{font-style<\/span>:normal;}\r\ntable<\/span>{border-collapse<\/span>:collapse;border-spacing<\/span>:0<\/span>;}\r\ntable<\/span> th<\/span>,table<\/span> td<\/span>{border<\/span>:1px<\/span> solid #ddd<\/span>;padding<\/span>:5px<\/span>;}\r\ntable<\/span> th<\/span>{font-weight<\/span>:inherit;border-bottom-width<\/span>:2px<\/span>;border-bottom-color<\/span>:#ccc<\/span>;}\r\nimg<\/span>{border<\/span>:0<\/span> none;width<\/span>:auto\\9<\/span>;max-width<\/span>:100%<\/span>;vertical-align<\/span>:top;}\r\nbutton<\/span>,input<\/span>,select<\/span>,textarea<\/span>{font-family<\/span>:inherit;font-size<\/span>:100%<\/span>;margin<\/span>:0<\/span>;vertical-align<\/span>:baseline;}\r\nbutton<\/span>,html<\/span> input<\/span>[type=\"button\"]<\/span>,input<\/span>[type=\"reset\"]<\/span>,input<\/span>[type=\"submit\"]<\/span>{-webkit-appearance<\/span>:button;cursor<\/span>:pointer;}\r\nbutton<\/span>[disabled]<\/span>,input<\/span>[disabled]<\/span>{cursor<\/span>:default;}\r\ninput<\/span>[type=\"checkbox\"]<\/span>,input<\/span>[type=\"radio\"]<\/span>{box-sizing<\/span>:border-box;padding<\/span>:0<\/span>;}\r\ninput<\/span>[type=\"search\"]<\/span>{-webkit-appearance<\/span>:textfield;-moz-box-sizing<\/span>:content-box;-webkit-box-sizing<\/span>:content-box;box-sizing<\/span>:content-box;}\r\ninput<\/span>[type=\"search\"]<\/span>::-webkit-search-decoration<\/span>{-webkit-appearance<\/span>:none;}\r\n@media<\/span> screen and (-webkit-min-device-pixel-ratio:0<\/span>){input<\/span>{line-height<\/span>:normal!important<\/span>;}}\r\nselect<\/span>[size]<\/span>,select<\/span>[multiple]<\/span>,select<\/span>[size]<\/span>[multiple]<\/span>{border<\/span>:1px<\/span> solid #AAA<\/span>;padding<\/span>:0<\/span>;}\r\narticle<\/span>,aside<\/span>,details<\/span>,figcaption<\/span>,figure<\/span>,footer<\/span>,header<\/span>,hgroup<\/span>,main<\/span>,nav<\/span>,section<\/span>,summary<\/span>{display<\/span>:block;}\r\naudio<\/span>,canvas<\/span>,video<\/span>,progress<\/span>{display<\/span>:inline-block;}<\/code><\/pre>\n
    <\/a>2. \u6837\u5f0f\u7684\u7ea7\u8054<\/h3>\n
    \u6d4f\u89c8\u5668\u5982\u4f55\u786e\u5b9a\u5e94\u5c06\u54ea\u4e9b\u6837\u5f0f\u5e94\u7528\u4e8e\u67d0\u4e2a\u5143\u7d20\u6709\u4e00\u5957\u4e25\u683c\u7684\u89c4\u5219\u3002 \u8fd9\u4e9b\u57fa\u672c\u7279\u5f81\u79f0\u4e3a\u7ea7\u8054\uff0c\u7ee7\u627f\u548c\u7279\u5f02\u6027\u3002<\/p>\n
    \u7ea7\u8054\u662fCSS\u7684\u57fa\u672c\u7279\u5f81\u3002 \u5b83\u662f\u4e00\u79cd\u5b9a\u4e49\u5982\u4f55\u7ec4\u5408\u6e90\u81ea\u4e0d\u540c\u6e90\u7684\u5c5e\u6027\u503c\u7684\u7b97\u6cd5\u3002 \u6b63\u5982\u5176\u540d\u79f0\u6240\u5f3a\u8c03\u7684\u90a3\u6837\uff0c\u5b83\u4f4d\u4e8eCSS\u7684\u6838\u5fc3\uff1a\u5c42\u53e0\u6837\u5f0f\u8868<\/p>\n
    \u6d4f\u89c8\u5668\u4f7f\u7528\u4ee5\u4e0b\u987a\u5e8f\u67e5\u627e\u5c5e\u6027\u503c\u3002<\/p>\n
      \n
    1. \u5185\u8054\u6837\u5f0f - \u4f7f\u7528\u5143\u7d20\u4e0a\u7684style\u5168\u5c40\u5c5e\u6027\u5b9a\u4e49\u7684\u6837\u5f0f<\/li>\n
    2. \u5d4c\u5165\u5f0f\u6837\u5f0f - \u5728\u6837\u5f0f\u5143\u7d20\u4e2d\u5b9a\u4e49\u7684\u6837\u5f0f<\/li>\n
    3. \u5916\u90e8\u6837\u5f0f - \u4f7f\u7528\u94fe\u63a5\u5143\u7d20\u5bfc\u5165\u7684\u6837\u5f0f<\/li>\n
    4. \u7528\u6237\u6837\u5f0f - \u7531\u6d4f\u89c8\u5668\u7684\u7528\u6237\u63d0\u4f9b<\/li>\n
    5. \u6d4f\u89c8\u5668\u6837\u5f0f - \u6d4f\u89c8\u5668\u5e94\u7528\u7684\u9ed8\u8ba4\u6837\u5f0f<\/li>\n<\/ol>\n
      \u4f8b\u5982\uff0c\u4e3a\u4e00\u4e2a\u5143\u7d20\u9009\u62e9\u6587\u672c\u7684\u989c\u8272\u3002<\/p>\n
      \u6d4f\u89c8\u5668\u5c06\u9700\u8981\u4e3aCSS\u989c\u8272\u5c5e\u6027\u627e\u5230\u4e00\u4e2a\u503c\u3002<\/p>\n
      \u9996\u5148\uff0c\u5b83\u5c06\u68c0\u67e5\u5b83\u8bd5\u56fe\u6e32\u67d3\u7684\u5143\u7d20\u662f\u5426\u5177\u6709\u5b9a\u4e49\u989c\u8272\u503c\u7684\u5185\u8054\u6837\u5f0f\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
      <a<\/span>\u00a0style<\/span>=\"color:red\"<\/span>\u00a0href<\/span>=\"http:\/\/www.w3cschool.cn\"<\/span>><\/span>Visit the website<\/a<\/span>><\/span><\/code><\/pre>\n
      \u5982\u679c\u6ca1\u6709\u5185\u8054\u6837\u5f0f\uff0c\u6d4f\u89c8\u5668\u5c06\u67e5\u627e\u5305\u542b\u9002\u7528\u4e8e\u5143\u7d20\u7684\u6837\u5f0f\u7684\u6837\u5f0f\u5143\u7d20\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
      <style<\/span> type<\/span>=\"text\/css\"<\/span>><\/span>\r\na<\/span>  {\r\n<\/span>   color<\/span>: red;\r\n<\/span>}\r\n<\/span><\/style<\/span>><\/span><\/code><\/pre>\n
      \u5982\u679c\u6ca1\u6709\u8fd9\u6837\u7684\u6837\u5f0f\u5143\u7d20\uff0c\u6d4f\u89c8\u5668\u4f1a\u67e5\u770b\u901a\u8fc7\u94fe\u63a5\u5143\u7d20\u52a0\u8f7d\u7684\u6837\u5f0f\u8868\u3002
      \n\u5982\u679c\u4ecd\u7136\u627e\u4e0d\u5230\u989c\u8272\u5c5e\u6027\uff0c\u5219\u4f7f\u7528\u9ed8\u8ba4\u7684\u6d4f\u89c8\u5668\u6837\u5f0f\u3002<\/p>\n
      \u5c5e\u6027\u7684\u524d\u4e09\u4e2a\u6765\u6e90\uff08\u5185\u8054\u6837\u5f0f\uff0c\u5d4c\u5165\u6837\u5f0f\u548c\u6837\u5f0f\u8868\uff09\u7edf\u79f0\u4e3a\u4f5c\u8005\u6837\u5f0f<\/strong>\u3002
      \n\u7528\u6237\u6837\u5f0f\u8868\u4e2d\u5b9a\u4e49\u7684\u6837\u5f0f\u79f0\u4e3a\u7528\u6237\u6837\u5f0f<\/strong>\uff0c\u6d4f\u89c8\u5668\u5b9a\u4e49\u7684\u6837\u5f0f\u79f0\u4e3a\u6d4f\u89c8\u5668\u6837\u5f0f<\/strong>\u3002<\/p>\n
      \u91cd\u8981\u6837\u5f0f<\/strong><\/p>\n
      \u60a8\u53ef\u4ee5\u901a\u8fc7\u5c06\u5c5e\u6027\u503c\u6807\u8bb0\u4e3a\u91cd\u8981\u6765\u8986\u76d6\u6b63\u5e38\u7684\u7ea7\u8054\u987a\u5e8f\u3002
      \n\u901a\u8fc7\u5bf9\u58f0\u660e\u9644\u52a0\uff01important<\/code>\u00a0\uff0c\u53ef\u4ee5\u5c06\u5355\u4e2a\u503c\u6807\u8bb0\u4e3a\u91cd\u8981\u3002<\/p>\n
      <\/a>3. \u7ee7\u627f\u548c\u975e\u7ee7\u627f\u5c5e\u6027<\/h3>\n
      \u7ee7\u627f\u6982\u5ff5\u4e0d\u540c\u4e8e\u7ea7\u8054\uff0c\u5b83\u57fa\u672c\u4e0a\u662f\u5728DOM\u4e2dCSS\u5c5e\u6027\u5982\u4f55\u4ece\u7236\u7ea7\u4f20\u9012\u7ed9\u5b50\u7ea7\u7684\u8fc7\u7a0b\u3002
      \n\u5e76\u975e\u6240\u6709\u5c5e\u6027\u90fd\u4f1a\u81ea\u52a8\u7ee7\u627f\u3002 \u4ee5\u4e0b\u662fCSS\u5c5e\u6027\u7684\u5b8c\u6574\u53c2\u8003\u4ee5\u53ca\u5b83\u4eec\u662f\u5426\u88ab\u7ee7\u627f \u3002
      \n\u6700\u5e38\u7528\u5c5e\u6027\u7684\u4e00\u4e9b\u793a\u4f8b\uff1a<\/p>\n
      \u7ee7\u627f\u7684\u5c5e\u6027<\/p>\n
      \n
    \u79fb\u52a8\u91cd\u7f6e\u4ee3\u7801<\/strong>\uff1ahttp:\/\/js.3conline.com\/common\/css\/wapzt_base_rem.1.0.css<\/a><\/p>\n