1"use strict";(self.webpackChunkspacexcode_com=self.webpackChunkspacexcode_com||[]).push([[1044],{17549:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>l,contentTitle:()=>t,default:()=>a,frontMatter:()=>o,metadata:()=>i,toc:()=>d});var c=n(85893),r=n(11151);const o={sidebar_position:1},t="\u5b66\u4e60\u8d44\u6e90",i={id:"css/source",title:"\u5b66\u4e60\u8d44\u6e90",description:"- CSS Tricks - https://lhammer.cn/You-need-to-know-css/#/",source:"@site/docs/css/source.mdx",sourceDirName:"css",slug:"/css/source",permalink:"/docs/css/source",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{sidebar_position:1},sidebar:"knSidebar",previous:{title:"\u6838\u5fc3\u77e5\u8bc6\u70b9",permalink:"/docs/javascript/concept"},next:{title:"\u6838\u5fc3\u77e5\u8bc6\u70b9",permalink:"/docs/css/concept"}},l={},d=[{value:"\u81ea\u5b9a\u4e49\u6837\u5f0f",id:"\u81ea\u5b9a\u4e49\u6837\u5f0f",level:2},{value:"\u6587\u672c\u9009\u4e2d",id:"\u6587\u672c\u9009\u4e2d",level:3},{value:"\u6eda\u52a8\u6761",id:"\u6eda\u52a8\u6761",level:3}];function h(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.header,{children:(0,c.jsx)(s.h1,{id:"\u5b66\u4e60\u8d44\u6e90",children:"\u5b66\u4e60\u8d44\u6e90"})}),"\n",(0,c.jsxs)(s.ul,{children:["\n",(0,c.jsxs)(s.li,{children:["CSS Tricks - ",(0,c.jsx)(s.a,{href:"https://lhammer.cn/You-need-to-know-css/#/",children:"https://lhammer.cn/You-need-to-know-css/#/"})]}),"\n",(0,c.jsxs)(s.li,{children:["CSS Inspiration - ",(0,c.jsx)(s.a,{href:"https://chokcoco.github.io/CSS-Inspiration/#/",children:"https://chokcoco.github.io/CSS-Inspiration/#/"})]}),"\n",(0,c.jsxs)(s.li,{children:["CSS TRICKS - ",(0,c.jsx)(s.a,{href:"https://css-tricks.com/",children:"https://css-tricks.com/"})]}),"\n",(0,c.jsxs)(s.li,{children:["Sass Guidelines \u4e2d\u6587 - ",(0,c.jsx)(s.a,{href:"http://sass-guidelin.es/zh/",children:"http://sass-guidelin.es/zh/"})]}),"\n",(0,c.jsxs)(s.li,{children:["\u5b66\u4e60CSS\u5e03\u5c40 - ",(0,c.jsx)(s.a,{href:"http://zh.learnlayout.com/",children:"http://zh.learnlayout.com/"})]}),"\n",(0,c.jsxs)(s.li,{children:["\u6df1\u5165\u6d45\u51faCSS\u5e03\u5c40 - ",(0,c.jsx)(s.a,{href:"http://layout.imweb.io/",children:"http://layout.imweb.io/"})]}),"\n",(0,c.jsxs)(s.li,{children:["CSS Layout - ",(0,c.jsx)(s.a,{href:"https://csslayout.io/",children:"https://csslayout.io/"})]}),"\n"]}),"\n",(0,c.jsx)(s.h1,{id:"\u5f00\u6e90",children:"\u5f00\u6e90"}),"\n",(0,c.jsxs)(s.ul,{children:["\n",(0,c.jsx)(s.li,{children:(0,c.jsx)(s.a,{href:"https://moderncss.dev/",children:"Modern CSS Solutions"})}),"\n"]}),"\n",(0,c.jsx)(s.h2,{id:"\u81ea\u5b9a\u4e49\u6837\u5f0f",children:"\u81ea\u5b9a\u4e49\u6837\u5f0f"}),"\n",(0,c.jsx)(s.p,{children:"\u4fee\u6539\u4e00\u4e9b\u63a7\u4ef6\u5728\u6d4f\u89c8\u5668\u4e2d\u7684\u9ed8\u8ba4\u6837\u5f0f\uff0c\u8bb2\u89e3\u5176\u4e2d\u7684\u4e00\u4e9b\u5b9e\u73b0\u539f\u7406\u3002"}),"\n",(0,c.jsx)(s.h3,{id:"\u6587\u672c\u9009\u4e2d",children:"\u6587\u672c\u9009\u4e2d"}),"\n",(0,c.jsxs)(s.p,{children:["\u901a\u8fc7 CSS \u4f2a\u5143\u7d20 ",(0,c.jsx)(s.code,{children:"::selection"})," \u53ef\u4ee5\u4fee\u6539\u9009\u4e2d\u6587\u672c\u7684\u6837\u5f0f\uff0c\u53ef\u4fee\u6539\u7684\u90e8\u5206\u5c5e\u6027\uff1a",(0,c.jsx)(s.code,{children:"color"}),"\uff0c ",(0,c.jsx)(s.code,{children:"background-color"}),"\uff0c ",(0,c.jsx)(s.code,{children:"cursor"}),"\uff0c ",(0,c.jsx)(s.code,{children:"caret-color"}),"\uff0c ",(0,c.jsx)(s.code,{children:"outline"}),"\uff0c",(0,c.jsx)(s.code,{children:"text-decoration"}),"\uff0c ",(0,c.jsx)(s.code,{children:"text-shadow"})," \u7b49"]}),"\n",(0,c.jsx)(s.pre,{children:(0,c.jsx)(s.code,{className:"language-css",children:"::selection {\r\n background: deeppink;\r\n color: white;\r\n}\n"})}),"\n",(0,c.jsx)(s.h3,{id:"\u6eda\u52a8\u6761",children:"\u6eda\u52a8\u6761"}),"\n",(0,c.jsx)(s.p,{children:"\u6eda\u52a8\u6761\u5404\u4e2a\u90e8\u4f4d\u7684\u53eb\u6cd5\u548c\u9009\u62e9\u5668\u540d\u79f0\uff1a"}),"\n",(0,c.jsx)(s.p,{children:(0,c.jsx)(s.img,{src:"https://spacexcode.oss-cn-hangzhou.aliyuncs.com/1695118740824-3a4d1e67-0ec3-4c04-89c1-a24874a497e4.png",alt:""})}),"\n",(0,c.jsx)(s.pre,{children:(0,c.jsx)(s.code,{className:"language-css",children:".custom-scrollbar::-webkit-scrollbar {\r\n width: 8px;\r\n}\r\n\r\n.custom-scrollbar::-webkit-scrollbar-track {\r\n background: #1E3F20;\r\n border-radius: 12px;\r\n}\r\n\r\n.custom-scrollbar::-webkit-scrollbar-thumb {\r\n background: #4A7856;\r\n border-radius: 12px;\r\n}\n"})})]})}function a(e={}){const{wrapper:s}={...(0,r.a)(),...e.components};return s?(0,c.jsx)(s,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}},11151:(e,s,n)=>{n.d(s,{Z:()=>i,a:()=>t});var c=n(67294);const r={},o=c.createContext(r);function t(e){const s=c.useContext(o);return c.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function i(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:t(e.components),c.createElement(o.Provider,{value:s},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.