{"id":77,"date":"2024-12-01T09:38:15","date_gmt":"2024-12-01T01:38:15","guid":{"rendered":"https:\/\/note.yuncrown.com\/?p=77"},"modified":"2024-12-01T10:02:03","modified_gmt":"2024-12-01T02:02:03","slug":"css-%e6%9d%82%e9%a1%b9","status":"publish","type":"post","link":"https:\/\/note.yuncrown.com\/index.php\/2024\/12\/01\/css-%e6%9d%82%e9%a1%b9\/","title":{"rendered":"CSS \u6742\u9879"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>z-index\u548c\u900f\u660e\u5ea6<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div {\n\tz-index: 999;\/*\u6b64div\u663e\u793a\u5728\u5176\u4ed6\u5143\u7d20\u7684\u4e0a\u5c42*\/\n\topacity: 0.5;\/*\u80cc\u666f\u900f\u660e\u5ea6*\/\n}<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\u7531\u4e8e\u6587\u5b57\u57fa\u7ebf\u95ee\u9898\u5bfc\u81f4\u7684\u5143\u7d20\u4e0a\u4e0b\u4e0d\u5bf9\u9f50\u89e3\u51b3\u529e\u6cd5\u4f7f\u7528vertical-align: top;*\/\n\/*input\u548cbutton\u9700\u8981\u5bf9\u9f50*\/\n\/*button>background-repeat:\u80cc\u666f\u91cd\u590d*\/\n\/*button>background-position: 28px 6px;\u8bbe\u7f6e\u80cc\u666f\u56fe\u4f4d\u7f6e*\/\n.header .search input {\n    width: 508px;\n    height: 34px;\n    border: 1px solid #DD302D;\n}\n.header .search button {\n    width: 80px;\n    height: 36px;\n    background-color: #DD302D;\n    vertical-align: top;\n\tbackground-image: url(\"..\/images\/serch_icon.png\");\n    background-repeat: no-repeat;\n    background-position: 28px 6px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">input,button\u6807\u7b7e\u5b57\u4f53\u5927\u5c0f\u6709\u9ed8\u8ba4\u503c\uff0c\u4e0d\u53d7\u7236\u7ea7\u5143\u7d20font-size\u5f71\u54cd<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e00\u884c\u6216\u4e00\u5217\u6587\u5b57\u901a\u5e38\u4f7f\u7528ul li<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e00\u884c\u6587\u5b57\u8ddd\u79bb\u901a\u5e38\u7528margin\u6216padding\u9694\u5f00<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e00\u5217\u6587\u5b57\u8ddd\u79bb\u901a\u5e38\u7528\u884c\u9ad8\u9694\u5f00<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7ee7\u627f\u81ea\u7236\u7ea7\u7684\u6837\u5f0f\u4f18\u5148\u7ea7\u5c0f\u4e8e\u672c\u8eab\u7684\u6837\u5f0f\uff0c\u4e0d\u4f1a\u8986\u76d6\u672c\u8eab\u7684\u6837\u5f0f<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b9a\u4f4d\u53ef\u4ee5\u8d8a\u8fc7padding<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">padding\u5360\u636e\u5bb9\u5668\u5bbd\u9ad8\uff0cmargin\u4e0d\u5360\u636e\u5bbd\u9ad8<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">margin-top\u53ef\u80fd\u4f1a\u88ab\u7236\u5143\u7d20\u62a2\u8d70\uff08\u7236\u5143\u7d20\u584c\u9677\uff09,\u5728\u7236\u5143\u7d20\u52a0\u4e0aoverflow: hidden;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">margin: 0 auto;\u5c45\u4e2d\u7684\u524d\u63d0\u662f\u8be5\u5b50\u5143\u7d20\u9700\u8981\u6709\u660e\u786e\u7684\u5bbd\u5ea6\uff08\u5143\u7d20\u6709\u6d6e\u52a8\u65f6\u65e0\u6cd5\u4f7f\u7528\uff0c\u6b64\u65f6\u53ef\u4ee5\u4f7f\u7528text-align: center;\uff0c\u89c1\u4e0b\u9762\u4ecb\u7ecd\uff09<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">text-align: center;\u53ef\u4ee5\u4f7f\u6587\u5b57\u6216\u8005\u884c\u5185\u5757\u6216\u8005\u884c\u5c45\u4e2d\uff0c\u7236\u5143\u7d20\u52a0\u4e0atext-align: center;\uff0c\u5b50\u5143\u7d20\u52a0\u4e0adisplay: inline-block;\u6210\u4e3a\u884c\u5185\u5757\uff0c\u8fd9\u6837\u5b50\u5143\u7d20\u5c31\u80fd\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u6c34\u5e73\u5c45\u4e2d\uff08\u6b64\u65b9\u5f0f\u4e0d\u9700\u8981\u5b50\u5143\u7d20\u6709\u660e\u786e\u7684\u5bbd\u5ea6\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>z-index\u548c\u900f\u660e\u5ea6 input,button\u6807\u7b7e\u5b57\u4f53\u5927\u5c0f\u6709\u9ed8\u8ba4\u503c\uff0c\u4e0d\u53d7\u7236\u7ea7\u5143\u7d20font-size\u5f71\u54cd \u4e00\u884c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[13,11],"class_list":["post-77","post","type-post","status-publish","format-standard","hentry","category-6","tag-css","tag-11"],"_links":{"self":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":1,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/77\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}