{"id":181,"date":"2012-11-24T15:58:16","date_gmt":"2012-11-24T07:58:16","guid":{"rendered":"https:\/\/sdeno.com\/?p=181"},"modified":"2019-04-22T12:39:18","modified_gmt":"2019-04-22T04:39:18","slug":"css%e5%88%9d%e5%a7%8b%e5%8c%96","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=181","title":{"rendered":"css\u521d\u59cb\u5316"},"content":{"rendered":"

\u624b\u673acss\u521d\u59cb\u5316<\/a><\/p>\n

\u521d\u59cb\u5316css\u4ee3\u7801\u5982\u4f55\u5b9a\u4e49\uff0c\u8fd9\u6ca1\u6709\u56fa\u5b9a\u7684\u5199\u6cd5\u662f\u4ece\u4e8bcss+div\u4eba\u5458\u4f9d\u9760\u7ecf\u9a8c\u79ef\u7d2f\u7684\u4e5f\u53ef\u4ee5\u5b66\u4e60\u4e00\u4e9b\u6bd4\u8f83\u6709\u7ecf\u9a8c\u4eba\u5458\u7684\u4ee3\u7801\u521d\u59cb\u5316\u81ea\u5df1\u7684css\u4ee3\u7801\u8fbe\u5230\u6700\u4f18\u3002
\n\u90a3\u5c31\u8981\u95ee\u4e86\u4e3a\u4ec0\u4e48\u5199css\u521d\u59cb\u5316\u4ee3\u7801\uff1f\u6211\u4eec\u4e3e\u4f8b\u5b50\uff1a<\/p>\n


\n\u6211\u4eec\u76f4\u63a5\u4f7f\u7528\u4ee5\u4e0b\u4ee3\u7801\u5199\u5230\u7f51\u9875\u4e2d\u4f60\u5c31\u4f1a\u53d1\u73b0css\u521d\u59cb\u5316\u533a\u522b\u4e86\u6240\u6709\u5143\u7d20\u90fd\u4f1a\u628a\u591a\u4f59\u7684\u8fb9\u8ddd\u548c\u586b\u5145\u6e05\u9664\u3002<\/p>\n

\u6700\u7b80\u5355\u6700\u5b9e\u7528\u7684\u662f\u4f7f\u7528\uff1a<\/p>\n

*{
\nmargin:0;
\npadding:0;
\n}<\/div>\n

\u4f46\u662f\u5360\u7528\u7684\u8d44\u6e90\u4e5f\u662f\u6700\u5927\u7684\uff0c*\u7b26\u53f7\u662f\u5c06\u6240\u6709\u7684\u5143\u7d20\u6267\u884c\u4ee5\u4e0a\u4ee3\u7801\u3002\u73b0\u5728\u6765\u653e\u51fa\u6211\u5e73\u65f6\u4f7f\u7528\u7684css\u521d\u59cb\u5316\u4ee3\u7801\uff1a<\/p>\n

\n

html, body, div, span, applet, object, iframe,
\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,
\na, abbr, acronym, address, big, cite, code,
\ndel, dfn, em, font, ins, kbd, q, s, samp,
\nsmall, strike, strong, sub, sup, tt, var,
\ndl, dt, dd, ol, ul, li,
\nfieldset, form, label, legend,
\ncaption, tbody, tfoot, thead,th,img
\n{<\/p>\n

border: 0;
\nfont-family: “Microsoft Yahei”,helvetica, arial, sans-serif;
\nfont-size: 100%;
\nfont-style: inherit;
\nfont-weight: inherit;
\nfont-size:12px;
\nmargin: 0;
\noutline: 0;
\npadding: 0;
\nvertical-align: baseline;
\nlist-style:none;
\n}
\na{
\ntext-decoration:none;
\ncolor:#000;
\n}<\/p>\n

 <\/p>\n

a, img {
\n-webkit-touch-callout:none; \/* \u7981\u6b62\u957f\u6309\u94fe\u63a5\u4e0e\u56fe\u7247\u5f39\u51fa\u83dc\u5355 *\/
\n}<\/p>\n

html, body {
\n-webkit-user-select:none; \/* \u7981\u6b62\u9009\u4e2d\u6587\u672c\uff08\u5982\u65e0\u6587\u672c\u9009\u4e2d\u9700\u6c42\uff0c\u6b64\u4e3a\u5fc5\u9009\u9879\uff09 *\/
\nuser-select:none;
\n}<\/p>\n

\/*\u4ee5\u4e0b\u9488\u5bf9\u624b\u673a\u521d\u59cb\u5316*\/<\/p>\n

input[type=”button”], input[type=”submit”], input[type=”reset”],select{-webkit-appearance:none;}
\ninput[type=”checkbox”]{ transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);}
\ntextarea{-webkit-appearance:none;}<\/p>\n

 <\/p>\n

\/*\u79fb\u9664chrom\u8bb0\u4f4f\u5bc6\u7801input\u9ed8\u8ba4\u6de1\u9ec4\u8272*\/
\ninput:-webkit-autofill,
\ntextarea:-webkit-autofill,
\nselect:-webkit-autofill {
\n-webkit-box-shadow: 0 0 0 1000px white inset;
\n}<\/p>\n<\/div>\n

 <\/p>\n

<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">\r\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">   \/\/\u8ba9\u6d4f\u89c8\u5668\u4f7f\u7528\u6700\u65b0\u5185\u6838\r\n<meta name=\"renderer\" content=\"webkit\">  \/\/\u5f3a\u5236360\u7528webkit\u5185\u6838\uff0c\u5982\u679c\u662f\u7528\u6237\u624b\u52a8\u5207\u6362\u6a21\u5f0f\u5219\u6b64\u884c\u4ee3\u7801\u65e0\u6548\r\n\r\n\/\/\u7981\u6b62\u6d4f\u89c8\u5668\u8bfb\u53d6\u672c\u5730\u7f13\u5b58\r\n<meta http-equiv=\"Expires\" content=\"0\">\r\n<meta http-equiv=\"Pragma\" content=\"no-cache\">\r\n<meta http-equiv=\"Cache-control\" content=\"no-cache\">\r\n<meta http-equiv=\"Cache\" content=\"no-cache\">\r\n\r\n\r\n\/\/ \u5f3a\u5236\u8ba9\u6587\u6863\u7684\u5bbd\u5ea6\u4e0e\u8bbe\u5907\u7684\u5bbd\u5ea6\u4fdd\u63011:1\uff0c\u5e76\u4e14\u6587\u6863\u6700\u5927\u7684\u5bbd\u5ea6\u6bd4\u4f8b\u662f1.0\uff0c\u4e14\u4e0d\u5141\u8bb8\u7528\u6237\u70b9\u51fb\u5c4f\u5e55\u653e\u5927\u6d4f\u89c8\r\n <meta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;\" name=\"viewport\">\r\n\r\n \/\/ \u7981\u6b62\u767e\u5ea6SiteApp\u8f6c\u7801\u58f0\u660e\r\n <meta http-equiv=\"Cache-Control\" content=\"no-siteapp\">\r\n\r\n \/\/ \u7981\u6b62\u81ea\u52a8\u8bc6\u522b\u7535\u8bdd\u548c\u90ae\u7bb1\uff1b\r\n <meta name=\"format-detection\" content=\"telephone=no, email=no\">\r\n\r\n \/\/ \u6307\u5b9aiphone\u4e2dsafari\u9876\u7aef\u7684\u72b6\u6001\u6761\u7684\u6837\u5f0f(default\uff1a\u767d\u8272\uff1bblack\uff1a\u9ed1\u8272\uff1bblack-translucent \uff1a\u534a\u900f\u660e)\uff1b\r\n <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\r\n\r\n \/\/ \u6dfb\u52a0\u5230 IOS \u4e3b\u5c4f\u540e\u7684\u6807\u9898 \r\n <meta name=\"apple-mobile-web-app-title\" content=\"\u89c9\u552f\u8bbe\u8ba1\">\r\n\r\n \/\/ \u9690\u85cf\u5730\u5740\u680f\uff0c\u542f\u7528 WebApp \u5168\u5c4f\u6a21\u5f0f\r\n <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n\r\n \/\/ \u4f18\u5148\u4f7f\u7528 IE \u6700\u65b0\u7248\u672c\u548c Chrome\r\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge,chrome=1\">\r\n\r\n \/\/ \u6ce8\u660e\u4f5c\u8005\r\n <meta name=\"author\" content=\"www.jiawin.com\"><\/pre>\n
\u4e0e\u524d\u8005\u76f8\u6bd4\u4ee3\u7801\u591a\u4f46\u662f\u8282\u7701\u4e86\u5f88\u591a\u8d44\u6e90\uff0c\u5927\u5bb6\u4e5f\u53ef\u4ee5\u81ea\u5df1\u81ea\u5b9a\u4e49\u5c5e\u4e8e\u81ea\u5df1\u7684css\u521d\u59cb\u5316\u4ee3\u7801\u3002<\/p>\n
\u624b\u673acss\u521d\u59cb\u5316 \u521d\u59cb\u5316css\u4ee3\u7801\u5982\u4f55\u5b9a\u4e49\uff0c\u8fd9\u6ca1\u6709\u56fa\u5b9a\u7684\u5199\u6cd5\u662f\u4ece\u4e8bcss+div\u4eba\u5458\u4f9d\u9760\u7ecf\u9a8c\u79ef\u7d2f\u7684\u4e5f\u53ef\u4ee5\u5b66\u4e60\u4e00 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,11],"tags":[],"class_list":["post-181","post","type-post","status-publish","format-standard","hentry","category-css","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=181"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/181\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}