{"id":438,"date":"2017-02-18T16:26:53","date_gmt":"2017-02-18T08:26:53","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=438"},"modified":"2017-02-18T16:26:53","modified_gmt":"2017-02-18T08:26:53","slug":"css3%e7%9a%84%e5%b1%9e%e6%80%a7%e4%bb%8b%e7%bb%8d","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=438","title":{"rendered":"CSS3\u7684\u5c5e\u6027\u4ecb\u7ecd"},"content":{"rendered":"

\u5b57\u4f53\u76f8\u5173\u5c5e\u6027<\/strong>
\n– font\uff1a\u590d\u5408\u5c5e\u6027\uff0c\u4e0d\u63a8\u8350\u4f7f\u7528\u3002
\n– color\uff1a\u8bbe\u7f6e\u5b57\u4f53\u989c\u8272\u3002
\n– font-family\uff1a\u8bbe\u7f6e\u6587\u5b57\u5b57\u4f53\u3002
\n– font-size\uff1a\u8bbe\u7f6e\u5b57\u4f53\u5927\u5c0f\u3002
\n– font-size-adjust\uff1a\u63a7\u5236\u4e0d\u540c\u7684\u5b57\u4f53\u5c3a\u5bf8\u8fdb\u884c\u5fae\u8c03\u3002
\n– font-stretch\uff1a\u6539\u53d8\u6587\u5b57\u6a2a\u5411\u7684\u62c9\u4f38\u3002
\n– font-style\uff1a\u8bbe\u7f6e\u5b57\u4f53\u98ce\u683c\u3002
\n– font-weight\uff1a\u8bbe\u7f6e\u5b57\u4f53\u662f\u5426\u52a0\u7c97\u3002
\n– text-decoration\uff1a\u63a7\u5236\u6587\u5b57\u662f\u5426\u6709\u4fee\u9970\u7ebf\u3002
\n– font-variant\uff1a\u8bbe\u7f6e\u6587\u5b57\u5927\u5199\u5b57\u6bcd\u683c\u5f0f\u3002
\n– text-shadow\uff1a\u8bbe\u7f6e\u6587\u5b57\u662f\u5426\u6709\u9634\u5f71\u6548\u679c\u3002
\n– text-transform\uff1a\u8bbe\u7f6e\u6587\u5b57\u7684\u5927\u5c0f\u5199\u3002
\n– line-height\uff1a\u8bbe\u7f6e\u5b57\u4f53\u7684\u884c\u9ad8\u3002
\n– letter-spacing\uff1a\u8bbe\u7f6e\u5b57\u7b26\u4e4b\u95f4\u7684\u95f4\u9694\u3002
\n– word-spacing\uff1a\u8bbe\u7f6e\u5355\u8bcd\u4e4b\u95f4\u7684\u95f4\u9694\u3002<\/p>\n

\u989c\u8272\u8868\u793a\u65b9\u6cd5<\/strong>
\n1. \u989c\u8272\u540d\u8868\u793a\uff1a\u4f8b\u5982white\u3002
\n2. \u5341\u516d\u8fdb\u5236\u8868\u793a\uff1a\u4f8b\u5982#ff0000\u3002
\n3. rgb\u51fd\u6570\u8868\u793a\uff1a\u4f8b\u5982rgb(255,255,0)\u7ea2\u7eff\u84dd\u3002
\n4. rgba\u51fd\u6570\u8868\u793a\uff1a\u4f8b\u5982rgba(255,0,255,0.5)\u7ea2\u7eff\u84dd\u900f\u660e\u3002
\n5. hsl\u51fd\u6570\u8868\u793a\uff1a\u4f8b\u5982hsl(120,100%,100%)\u8272\u8c03\u3001\u9971\u548c\u5ea6\u3001\u4eae\u5ea6\u3002
\n6. hsla\u51fd\u6570\u8868\u793a\uff1a\u4f8b\u5982hsla(120,100%,100%,0.5)\u8272\u8c03\u3001\u9971\u548c\u5ea6\u3001\u4eae\u5ea6\u3001\u900f\u660e\u5ea6\u3002<\/p>\n

\u6587\u672c\u76f8\u5173\u5c5e\u6027<\/strong>
\n– text-indent\uff1a\u8bbe\u7f6e\u6bb5\u843d\u6587\u672c\u7684\u7f29\u8fdb\u3002
\n– text-overflow\uff1a\u63a7\u5236\u6ea2\u51fa\u6587\u672c\u7684\u5904\u7406\u65b9\u6cd5\u3002
\n– vertical-align\uff1a\u8bbe\u7f6e\u76ee\u6807\u5143\u7d20\u91cc\u5185\u5bb9\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f\u3002
\n– text-align\uff1a\u8bbe\u7f6e\u76ee\u6807\u5143\u7d20\u91cc\u6587\u672c\u6c34\u5e73\u5bf9\u9f50\u65b9\u5f0f\u3002
\n– direction\uff1a\u8bbe\u7f6e\u6587\u672c\u6d41\u5165\u65b9\u5411\u3002
\n– word-break\uff1a\u8bbe\u7f6e\u76ee\u6807\u5143\u7d20\u91cc\u6587\u672c\u7684\u6362\u884c\u65b9\u5f0f\u3002(\u63a7\u5236\u65ad\u8bcd)
\n– word-wrap\uff1a\u8bbe\u7f6e\u76ee\u6807\u5143\u7d20\u91cc\u6587\u672c\u7684\u6362\u884c\u65b9\u5f0f\u3002
\n– white-space\uff1a\u8bbe\u7f6e\u76ee\u6807\u5143\u7d20\u91cc\u6587\u672c\u5bf9\u7a7a\u683c\u7684\u5904\u7406\u65b9\u5f0f\u3002<\/p>\n

\u80cc\u666f\u76f8\u5173\u5c5e\u6027<\/strong>
\n– background\uff1a\u590d\u5408\u5c5e\u6027\uff0c\u4e0d\u63a8\u8350\u4f7f\u7528\u3002
\n– background-attachment\uff1a\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u662f\u968f\u5185\u5bb9\u6eda\u52a8\u8fd8\u662f\u56fa\u5b9a\u3002
\n– background-color\uff1a\u8bbe\u7f6e\u80cc\u666f\u989c\u8272\u3002
\n– background-image\uff1a\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u3002
\n– background-position\uff1a\u8bbe\u7f6e\u5bf9\u8c61\u7684\u80cc\u666f\u56fe\u7247\u4f4d\u7f6e\u3002
\n– background-repeat\uff1a\u8bbe\u7f6e\u5bf9\u8c61\u7684\u80cc\u666f\u56fe\u7247\u662f\u5426\u5e73\u94fa\u3002
\n– background-clip\uff1a\u8bbe\u7f6e\u80cc\u666f\u8986\u76d6\u8303\u56f4\u3002
\n– background-origin\uff1a\u8bbe\u7f6e\u80cc\u666f\u8986\u76d6\u7684\u8d77\u70b9\u3002
\n– background-size\uff1a\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u7684\u5927\u5c0f\u3002<\/p>\n

\u8fb9\u6846\u76f8\u5173\u5c5e\u6027<\/strong>
\n– border\uff1a\u590d\u5408\u5c5e\u6027\u3002
\n– border-color\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u8fb9\u6846\u989c\u8272\u3002
\n– border-style\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u8fb9\u6846\u7ebf\u578b\u3002
\n– border-width\uff1a\u8bbe\u7f6e\u5143\u7d20\u7684\u8fb9\u6846\u7ebf\u5bbd\u3002
\n– border-(top\/left\/right\/bottom)\uff1a\u590d\u5408\u5c5e\u6027\uff0c\u8bbe\u7f6e\u5bf9\u5e94\u8fb9\u6846\u6837\u5f0f\u3002
\n– border-(top\/left\/right\/bottom)-(color\/style\/width)\uff1a\u8bbe\u7f6e\u5bf9\u5e94\u8fb9\u6846\u7684\u5bf9\u5e94\u6837\u5f0f\u3002
\n– border-(top\/left\/right\/bottom)-colors\uff1a\u652f\u6301\u6e10\u53d8\u989c\u8272\u8fb9\u6846\u3002
\n– border-radius\uff1a\u8bbe\u7f6e\u5706\u89d2\u8fb9\u6846\u5706\u89d2\u534a\u5f84\u3002
\n– border-(top\/left\/right\/bottom)-(top\/left\/right\/bottom)-radius\uff1a\u8bbe\u7f6e\u6307\u5b9a\u89d2\u7684\u5706\u89d2\u534a\u5f84\u3002
\n– border-image\uff1a\u590d\u5408\u5c5e\u6027\u3002
\n– border-image-source\uff1a\u8bbe\u7f6e\u8fb9\u6846\u56fe\u7247\u3002
\n– border-image-slice\uff1a\u8bbe\u7f6e\u6570\u503c\u6216\u767e\u5206\u6bd4\u6570\u503c\u63a7\u5236\u8fb9\u6846\u56fe\u7247\u5207\u5272\u3002
\n– border-image-width\uff1a\u8bbe\u7f6e\u56fe\u7247\u8fb9\u6846\u5bbd\u5ea6\u3002
\n– border-image-repeat\uff1a\u8bbe\u7f6e\u8fb9\u6846\u56fe\u7247\u8986\u76d6\u65b9\u5f0f\u3002<\/p>\n

\u8865\u4e01\u76f8\u5173\u5c5e\u6027<\/strong>
\n– padding\uff1a\u540c\u65f6\u8bbe\u7f6e\u591a\u4e2a\u65b9\u5411\u7684\u5185\u8865\u4e01\u8ddd\u79bb\u3002
\n– padding-(top\/left\/right\/bottom)\uff1a\u8bbe\u7f6e\u5bf9\u5e94\u65b9\u5411\u7684\u5185\u8865\u4e01\u8ddd\u79bb\u3002
\n– margin\uff1a\u540c\u65f6\u8bbe\u7f6e\u591a\u4e2a\u65b9\u5411\u7684\u5916\u8865\u4e01\u8ddd\u79bb\u3002
\n– margin-(top\/left\/right\/bottom)\uff1a\u8bbe\u7f6e\u5bf9\u5e94\u65b9\u5411\u7684\u5916\u8865\u4e01\u8ddd\u79bb\u3002<\/p>\n

\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » CSS3\u7684\u5c5e\u6027\u4ecb\u7ecd<\/a><\/p>","protected":false},"excerpt":{"rendered":"

\u5b57\u4f53\u76f8\u5173\u5c5e\u6027 – font\uff1a\u590d\u5408\u5c5e\u6027\uff0c\u4e0d\u63a8\u8350\u4f7f\u7528\u3002 – color\uff1a\u8bbe\u7f6e\u5b57\u4f53\u989c\u8272\u3002 – font-family\uff1a\u8bbe\u7f6e\u6587\u5b57\u5b57\u4f53\u3002 – font-size\uff1a […]<\/p>\n","protected":false},"author":1,"featured_media":81,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[12,101],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/438"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=438"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/438\/revisions"}],"predecessor-version":[{"id":439,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/438\/revisions\/439"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/81"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=438"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}