Please enable JavaScript.

Coggle requires JavaScript to display documents.

Shopify (Free Trial) Landing Page, The Cross Axis - Coggle Diagram

- - - - box-sizing
        
        box-sizing 屬性用於更改預設 CSS 盒子模型中所計算的寬度和高度。可以使用此屬性來模擬不正確支持CSS盒子模型規範的瀏覽器的行為。
      - :focus
        
        ： focus選擇器可用於接受鍵盤事件或其他用戶輸入的元素。
      - overflow
        
        CSS属性 overflow 定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。它是 overflow-x 和overflow-y的简写属性。
      - :root
        
        CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同。
      - position: Link Title
        
        属性用于指定一个元素在文档中的定位方式。top，right，bottom 和 left 属性则决定了该元素的最终位置。
      - text-align
        
        定义行内内容（例如文字）如何相对它的块父元素对齐
      - padding
        
        / 应用于所有边 /
        padding: 1em;
        / 上边下边 | 左边右边 /
        padding: 5% 10%;
        / 上边 | 左边右边 | 下边 /
        padding: 1em 2em 2em;
        / 上边 | 右边 | 下边 | 左边 /
        padding: 5px 1em 0 2em;
      - white-space
        
        是用来设置如何处理元素中的空白
      - margin
        
        [ <length> | <percentage> | auto ]{1,4}
        
        length
        以固定值为外边距。
        percentage
        相对于包含块的宽度，以百分比值为外边距。
        auto
        让浏览器自己选择一个合适的外边距。有时，在一些特殊情况下，该值可以使元素居中。
    - - header
        
        getwaves.io(https://getwaves.io/)
      - feature
        
        grid layout
        
        CSS
        
        display
        
        Flex
        
        flexbox，是為了適應不同螢幕尺寸和顯示設備而生的佈局模式
        
        flex-direction
        
        1 more item...
        
        justify-content
        
        1 more item...
        
        align-items
        
        5 more items...
        
        align-self
        
        align-content
        
        Grid
        
        fr 單位
        
        1 more item...
        
        格線軌道（Grid Track）
        
        2 more items...
        
        Track listings with repeat() notation
        
        1 more item...
        
        軌道縮放與 minmax()
        
        1 more item...
        
        CSS Flow Layout
        
        object-fit
        
        指定置換元素(replaced element)的內容要如何契合、安裝到其使用的高度和寬度已確定的框。
      - brand
        
        flex
      - quote
      - footer