1"use strict";(self.webpackChunkcode_fictionist=self.webpackChunkcode_fictionist||[]).push([[3316],{12403:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>l,default:()=>m,frontMatter:()=>c,metadata:()=>s,toc:()=>d});const s=JSON.parse('{"id":"notes/Web_Dev/HTML_CSS/index","title":"HTML & CSS","description":"Series \u4e2d\u76f8\u95dc\u7684\u6587\u7ae0","source":"@site/docs/notes/Web_Dev/HTML_CSS/index.mdx","sourceDirName":"notes/Web_Dev/HTML_CSS","slug":"/notes/Web_Dev/HTML_CSS/","permalink":"/docs/notes/Web_Dev/HTML_CSS/","draft":false,"unlisted":false,"tags":[],"version":"current","lastUpdatedAt":1766374113000,"sidebarPosition":0,"frontMatter":{"title":"HTML & CSS","sidebar_position":0,"hide_table_of_contents":true},"sidebar":"notes","previous":{"title":"[Cursor] \u6258\u798f\u55ae\u5b57\u66f8\u7df4\u7fd2\u5eab","permalink":"/docs/notes/Web_Dev/Web_Talk/Vibe_Coding/cursor_toefl"},"next":{"title":"[CSS] position","permalink":"/docs/notes/Web_Dev/HTML_CSS/position"}}');var r=n(74848),o=n(28453),i=n(14795);const c={title:"HTML & CSS",sidebar_position:0,hide_table_of_contents:!0},l=void 0,a={},d=[{value:"Series \u4e2d\u76f8\u95dc\u7684\u6587\u7ae0",id:"series-\u4e2d\u76f8\u95dc\u7684\u6587\u7ae0",level:2},{value:"CSS \u52d5\u756b\u76f8\u95dc",id:"css-\u52d5\u756b\u76f8\u95dc",level:3},{value:"CSS \u9762\u8a66\u6703\u8003\u7684\u71b1\u9580\u554f\u984c",id:"css-\u9762\u8a66\u6703\u8003\u7684\u71b1\u9580\u554f\u984c",level:3},{value:"\u6240\u6709\u6587\u7ae0",id:"\u6240\u6709\u6587\u7ae0",level:2}];function u(e){const t={a:"a",h2:"h2",h3:"h3",li:"li",ol:"ol",...(0,o.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"series-\u4e2d\u76f8\u95dc\u7684\u6587\u7ae0",children:"Series \u4e2d\u76f8\u95dc\u7684\u6587\u7ae0"}),"\n",(0,r.jsx)(t.h3,{id:"css-\u52d5\u756b\u76f8\u95dc",children:"CSS \u52d5\u756b\u76f8\u95dc"}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"https://jeremyho.tw/docs/series/iThome_2024/",children:"2024 iThome \u9435\u4eba\u8cfd\u7cfb\u5217\u6587"})}),"\n"]}),"\n",(0,r.jsx)(t.h3,{id:"css-\u9762\u8a66\u6703\u8003\u7684\u71b1\u9580\u554f\u984c",children:"CSS \u9762\u8a66\u6703\u8003\u7684\u71b1\u9580\u554f\u984c"}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsx)(t.li,{children:(0,r.jsx)(t.a,{href:"https://jeremyho.tw/docs/series/iThome_2025/",children:"2025 iThome \u9435\u4eba\u8cfd\u7cfb\u5217\u6587"})}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"\u6240\u6709\u6587\u7ae0",children:"\u6240\u6709\u6587\u7ae0"}),"\n",(0,r.jsx)(i.A,{})]})}function m(e={}){const{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(u,{...e})}):u(e)}},14795:(e,t,n)=>{n.d(t,{A:()=>C});n(96540);var s=n(34164),r=n(26972),o=n(28774),i=n(53465),c=n(16654),l=n(21312),a=n(51107);const d={cardContainer:"cardContainer_fWXF",cardTitle:"cardTitle_rnsV",cardDescription:"cardDescription_PWke"};var u=n(74848);function m({className:e,href:t,children:n}){return(0,u.jsx)(o.A,{href:t,className:(0,s.A)("card padding--lg",d.cardContainer,e),children:n})}function h({className:e,href:t,icon:n,title:r,description:o}){return(0,u.jsxs)(m,{href:t,className:e,children:[(0,u.jsxs)(a.A,{as:"h2",className:(0,s.A)("text--truncate",d.cardTitle),title:r,children:[n," ",r]}),o&&(0,u.jsx)("p",{className:(0,s.A)("text--truncate",d.cardDescription),title:o,children:o})]})}function f({item:e}){const t=(0,r.Nr)(e),n=function(){const{selectMessage:e}=(0,i.W)();return t=>e(t,(0,l.T)({message:"1 item|{count} items",id:"theme.docs.DocCard.categoryDescription.plurals",description:"The default description for a category card in the generated index about how many items this category includes"},{count:t}))}();return t?(0,u.jsx)(h,{className:e.className,href:t,icon:"\ud83d\uddc3\ufe0f",title:e.label,description:e.description??n(e.items.length)}):null}function p({item:e}){const t=(0,c.A)(e.href)?"\ud83d\udcc4\ufe0f":"\ud83d\udd17",n=(0,r.cC)(e.docId??void 0);return(0,u.jsx)(h,{className:e.className,href:e.href,icon:t,title:e.label,description:e.description??n?.description})}function x({item:e}){switch(e.type){case"link":return(0,u.jsx)(p,{item:e});case"category":return(0,u.jsx)(f,{item:e});default:throw new Error(`unknown item type ${JSON.stringify(e)}`)}}const S={docCardListItem:"docCardListItem_W1sv"};function _({className:e}){const t=(0,r.a4)();return(0,u.jsx)(C,{items:t,className:e})}function j({item:e}){return(0,u.jsx)("article",{className:(0,s.A)(S.docCardListItem,"col col--6"),children:(0,u.jsx)(x,{item:e})})}function C(e){const{items:t,className:n}=e;if(!t)return(0,u.jsx)(_,{...e});const o=(0,r.d1)(t);return(0,u.jsx)("section",{className:(0,s.A)("row",n),children:o.map(((e,t)=>(0,u.jsx)(j,{item:e},t)))})}},28453:(e,t,n)=>{n.d(t,{R:()=>i,x:()=>c});var s=n(96540);const r={},o=s.createContext(r);function i(e){const t=s.useContext(o);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),s.createElement(o.Provider,{value:t},e.children)}},53465:(e,t,n)=>{n.d(t,{W:()=>a});var s=n(96540),r=n(44586);const o=["zero","one","two","few","many","other"];function i(e){return o.filter((t=>e.includes(t)))}const c={locale:"en",pluralForms:i(["one","other"]),select:e=>1===e?"one":"other"};function l(){const{i18n:{currentLocale:e}}=(0,r.A)();return(0,s.useMemo)((()=>{try{return function(e){const t=new Intl.PluralRules(e);return{locale:e,pluralForms:i(t.resolvedOptions().pluralCategories),select:e=>t.select(e)}}(e)}catch(t){return console.error(`Failed to use Intl.PluralRules for locale "${e}".\nDocusaurus will fallback to the default (English) implementation.\nError: ${t.message}\n`),c}}),[e])}function a(){const e=l();
1return{selectMessage:(t,n)=>function(e,t,n){const s=e.split("|");if(1===s.length)return s[0];s.length>n.pluralForms.length&&console.error(`For locale=${n.locale}, a maximum of ${n.pluralForms.length} plural forms are expected (${n.pluralForms.join(",")}), but the message contains ${s.length}: ${e}`);const r=n.select(t),o=n.pluralForms.indexOf(r);return s[Math.min(o,s.length-1)]}(n,t,e)}}}}]);
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.