cssref.yaml

# Do not add comments to this file. They will be lost.

sidebar:
  - type: section
    link: /Web/CSS
    title: CSS
  - type: section
    link: /Learn_web_development/Core/Styling_basics
    title: Beginners
  - link: /Learn_web_development/Getting_started/Your_first_website/Styling_the_content
    title: Styling_the_content
  - link: /Learn_web_development/Core/Styling_basics
    title: CSS_styling_basics
    details: closed
    children:
      - /Learn_web_development/Core/Styling_basics/What_is_CSS
      - /Learn_web_development/Core/Styling_basics/Getting_started
      - /Learn_web_development/Core/Styling_basics/Styling_a_bio_page
      - /Learn_web_development/Core/Styling_basics/Basic_selectors
      - /Learn_web_development/Core/Styling_basics/Attribute_selectors
      - /Learn_web_development/Core/Styling_basics/Pseudo_classes_and_elements
      - /Learn_web_development/Core/Styling_basics/Combinators
      - /Learn_web_development/Core/Styling_basics/Box_model
      - /Learn_web_development/Core/Styling_basics/Handling_conflicts
      - /Learn_web_development/Core/Styling_basics/Values_and_units
      - /Learn_web_development/Core/Styling_basics/Sizing
      - /Learn_web_development/Core/Styling_basics/Backgrounds_and_borders
      - /Learn_web_development/Core/Styling_basics/Overflow
      - /Learn_web_development/Core/Styling_basics/Images_media_forms
      - /Learn_web_development/Core/Styling_basics/Tables
      - /Learn_web_development/Core/Styling_basics/Debugging_CSS
      - /Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension
      - /Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper
      - /Learn_web_development/Core/Styling_basics/Cool-looking_box
  - link: /Learn_web_development/Core/Text_styling
    title: CSS_text_styling
    details: closed
    children:
      - /Learn_web_development/Core/Text_styling/Fundamentals
      - /Learn_web_development/Core/Text_styling/Styling_lists
      - /Learn_web_development/Core/Text_styling/Styling_links
      - /Learn_web_development/Core/Text_styling/Web_fonts
      - /Learn_web_development/Core/Text_styling/Typesetting_a_homepage
  - link: /Learn_web_development/Core/CSS_layout
    title: CSS_layout
    details: closed
    children:
      - /Learn_web_development/Core/CSS_layout/Introduction
      - /Learn_web_development/Core/CSS_layout/Floats
      - /Learn_web_development/Core/CSS_layout/Positioning
      - /Learn_web_development/Core/CSS_layout/Flexbox
      - /Learn_web_development/Core/CSS_layout/Grids
      - /Learn_web_development/Core/CSS_layout/Responsive_Design
      - /Learn_web_development/Core/CSS_layout/Media_queries
      - /Learn_web_development/Core/CSS_layout/Fundamental_Layout_Comprehension
  - type: section
    link: /Web/CSS/Reference
  - type: listSubPages
    path: /Web/CSS
    tags: css-module
    title: Modules
    details: closed
  - type: listSubPagesGrouped
    path: /Web/CSS
    tags:
      - css-property
      - css-shorthand-property
    link: /Web/CSS/Properties
    title: Properties
    details: closed
  - type: listSubPages
    path: /Web/CSS
    tags: css-selector
    title: Selectors
    details: closed
  - type: listSubPages
    path: /Web/CSS
    tags: css-combinator
    title: Combinators
    details: closed
  - type: listSubPagesGrouped
    path: /Web/CSS
    tags: css-pseudo-class
    link: /Web/CSS/Pseudo-classes
    title: Pseudo-classes
    details: closed
  - type: listSubPagesGrouped
    path: /Web/CSS
    tags: css-pseudo-element
    link: /Web/CSS/Pseudo-elements
    title: Pseudo-elements
    details: closed
  - type: listSubPages
    path: /Web/CSS
    tags: css-at-rule
    link: /Web/CSS/CSS_syntax/At-rule
    title: At-rules
    details: closed
  - type: listSubPages
    path: /Web/CSS
    tags: css-function
    depth: 2
    link: /Web/CSS/CSS_Values_and_Units/CSS_Value_Functions
    title: Functions
    details: closed
  - type: listSubPages
    path: /Web/CSS
    tags: css-type
    link: /Web/CSS/CSS_Values_and_Units/CSS_data_types
    title: Types
    details: closed
  - type: section
    link: /Web/CSS/Guides
    title: Guides
  - title: Anchor_positioning
    details: closed
    children:
      - /Web/CSS/CSS_anchor_positioning/Using
      - /Web/CSS/CSS_anchor_positioning/Try_options_hiding
  - title: Animations
    details: closed
    children:
      - /Web/CSS/CSS_animated_properties
      - /Web/CSS/CSS_animations/Using_CSS_animations
  - title: Backgrounds_and_Borders
    details: closed
    children:
      - /Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds
      - link: /Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images
        title: Resizing_background_images
      - /Web/CSS/CSS_backgrounds_and_borders/Scaling_of_SVG_backgrounds
  - title: Box alignment
    details: closed
    children:
      - link: /Web/CSS/CSS_box_alignment/Box_alignment
        title: Overview
      - link: /Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables
        title: Box_alignment_in_block_layout
      - /Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
      - /Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout
      - /Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout
  - title: Box_model
    details: closed
    children:
      - /Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model
      - /Web/CSS/CSS_box_model/Mastering_margin_collapsing
  - title: Cascade
    details: closed
    children:
      - /Web/CSS/CSS_cascade/Cascade
      - /Web/CSS/CSS_cascade/Inheritance
      - /Web/CSS/CSS_cascade/Specificity
      - /Web/CSS/CSS_cascade/Value_processing
      - /Web/CSS/CSS_cascade/Shorthand_properties
  - type: listSubPages
    path: /Web/CSS/CSS_cascading_variables
    title: Custom_properties
    details: closed
  - title: Colors
    details: closed
    children:
      - link: /Web/CSS/CSS_colors/Applying_color
        title: Applying_color_to_HTML_elements
      - /Web/CSS/CSS_colors/Color_values
      - /Web/CSS/CSS_colors/Relative_colors
      - /Web/CSS/CSS_colors/Using_color_wisely
      - link: /Web/Accessibility/Guides/Colors_and_Luminance
        title: Accessibility_Understanding_colors_and_luminance
      - link: /Web/Accessibility/Guides/Understanding_WCAG/Perceivable/Color_contrast
        title: Color_contrast
  - title: Columns
    details: closed
    children:
      - /Web/CSS/CSS_multicol_layout/Basic_concepts
      - /Web/CSS/CSS_multicol_layout/Styling_columns
      - /Web/CSS/CSS_multicol_layout/Using_multicol_layouts
      - /Web/CSS/CSS_multicol_layout/Spanning_balancing_columns
      - /Web/CSS/CSS_multicol_layout/Handling_overflow_in_multicol_layout
      - /Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout
  - title: Conditional_rules
    details: closed
    children:
      - /Web/CSS/CSS_conditional_rules/Using_feature_queries
      - /Web/CSS/CSS_conditional_rules/Container_scroll-state_queries
  - title: Containment
    details: closed
    children:
      - /Web/CSS/CSS_containment/Container_queries
      - /Web/CSS/CSS_containment/Using_CSS_containment
      - /Web/CSS/CSS_containment/Container_size_and_style_queries
  - title: CSSOM_view
    details: closed
    children:
      - /Web/CSS/CSSOM_view/Coordinate_systems
      - /Web/CSS/CSSOM_view/Viewport_concepts
  - title: Display
    details: closed
    children:
      - /Web/CSS/CSS_display/Block_and_inline_layout_in_normal_flow
      - /Web/CSS/CSS_display/Flow_layout
      - /Web/CSS/CSS_display/Flow_layout_and_overflow
      - /Web/CSS/CSS_display/Flow_layout_and_writing_modes
      - /Web/CSS/CSS_display/In_flow_and_out_of_flow
      - /Web/CSS/CSS_display/Containing_block
      - /Web/CSS/CSS_display/Introduction_to_formatting_contexts
      - /Web/CSS/CSS_display/Block_formatting_context
      - /Web/CSS/CSS_inline_layout/Inline_formatting_context
      - /Web/CSS/CSS_display/multi-keyword_syntax_of_display
      - /Web/CSS/CSS_display/Visual_formatting_model
  - type: listSubPages
    path: /Web/CSS/CSS_filter_effects
    title: Filter_effects
    details: closed
  - title: Flexbox
    details: closed
    children:
      - /Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
      - /Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods
      - /Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container
      - /Web/CSS/CSS_flexible_box_layout/Ordering_flex_items
      - /Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis
      - /Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items
      - /Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox
  - type: listSubPages
    path: /Web/CSS/CSS_fonts
    title: Fonts
    details: closed
  - title: Grid
    details: closed
    children:
      - /Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout
      - /Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods
      - /Web/CSS/CSS_grid_layout/Grid_template_areas
      - /Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement
      - /Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines
      - /Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout
      - /Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout
      - /Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes
      - /Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids
      - /Web/CSS/CSS_grid_layout/Subgrid
      - /Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility
      - /Web/CSS/CSS_grid_layout/Masonry_layout
  - title: Images
    details: closed
    children:
      - /Web/CSS/CSS_images/Using_CSS_gradients
      - /Web/CSS/CSS_images/Replaced_element_properties
      - /Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
  - title: Lists_and_counters
    details: closed
    children:
      - /Web/CSS/CSS_counter_styles/Using_CSS_counters
      - /Web/CSS/CSS_lists/Consistent_list_indentation
  - title: Logical_properties
    details: closed
    children:
      - /Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values
      - /Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning
      - /Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding
      - /Web/CSS/CSS_logical_properties_and_values/Sizing
  - title: Media_queries
    details: closed
    children:
      - /Web/CSS/CSS_media_queries/Using_media_queries
      - /Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility
      - /Web/CSS/CSS_media_queries/Testing_media_queries
      - /Web/CSS/CSS_media_queries/Printing
  - title: Nesting
    details: closed
    children:
      - /Web/CSS/CSS_nesting/Nesting_at-rules
      - /Web/CSS/CSS_nesting/Nesting_and_specificity
      - /Web/CSS/CSS_nesting/Using_CSS_nesting
  - type: listSubPages
    path: /Web/CSS/CSS_overflow
    title: Overflow
    details: closed
  - title: Positioning
    details: closed
    children:
      - /Web/CSS/CSS_positioned_layout/Stacking_context
      - /Web/CSS/CSS_positioned_layout/Stacking_floating_elements
      - /Web/CSS/CSS_positioned_layout/Understanding_z-index
      - /Web/CSS/CSS_positioned_layout/Using_z-index
      - /Web/CSS/CSS_positioned_layout/Stacking_without_z-index
  - type: listSubPages
    path: /Web/CSS/CSS_scroll_anchoring
    title: Scroll_anchoring
    details: closed
  - type: listSubPages
    path: /Web/CSS/CSS_scroll_snap
    title: Scroll_snap
    details: closed
  - type: listSubPages
    path: /Web/CSS/CSS_selectors
    title: Selectors
    details: closed
  - title: Shapes
    details: closed
    children:
      - /Web/CSS/CSS_shapes/Overview_of_shapes
      - /Web/CSS/CSS_shapes/From_box_values
      - /Web/CSS/CSS_shapes/Shapes_from_images
      - /Web/CSS/CSS_shapes/Basic_shapes
  - title: Syntax
    details: closed
    children:
      - /Web/CSS/CSS_syntax/Syntax
      - /Web/CSS/CSS_syntax/Comments
      - /Web/CSS/CSS_syntax/At-rule_functions
      - /Web/CSS/CSS_syntax/Error_handling
  - title: Text
    details: closed
    children:
      - /Web/CSS/CSS_text/Wrapping_breaking_text
  - title: Text decoration
    details: closed
    children:
      - /Web/CSS/CSS_text_decoration/Text_shadows
  - title: Transforms
    details: closed
    children:
      - /Web/CSS/CSS_transforms/Using_CSS_transforms
  - title: Transitions
    details: closed
    children:
      - /Web/CSS/CSS_transitions/Using_CSS_transitions
  - title: Values and units
    details: closed
    children:
      - /Web/CSS/CSS_Values_and_Units/Value_definition_syntax
      - /Web/CSS/CSS_Values_and_Units/Numeric_data_types
      - /Web/CSS/CSS_Values_and_Units/Textual_data_types
      - /Web/CSS/CSS_Values_and_Units/Using_CSS_math_functions
  - type: section
    link: /Web/CSS/Layout_cookbook
  - children:
      - /Web/CSS/Layout_cookbook/Media_objects
      - /Web/CSS/Layout_cookbook/Column_layouts
      - /Web/CSS/Layout_cookbook/Center_an_element
      - /Web/CSS/Layout_cookbook/Sticky_footers
      - /Web/CSS/Layout_cookbook/Split_Navigation
      - /Web/CSS/Layout_cookbook/Breadcrumb_Navigation
      - /Web/CSS/Layout_cookbook/List_group_with_badges
      - /Web/CSS/Layout_cookbook/Pagination
      - /Web/CSS/Layout_cookbook/Card
      - /Web/CSS/Layout_cookbook/Grid_wrapper
  - type: section
    title: Tools
  - children:
      - /Web/CSS/CSS_colors/Color_picker_tool
      - /Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator
      - /Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
      - /Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator
      - /Web/CSS/CSS_shapes/Shape_generator
l10n:
  de:
    Beginners: Einsteiger-Tutorials
    Styling_the_content: "Ihre erste Website: Das Styling des Inhalts"
    CSS_styling_basics: Grundlagen des CSS-Stylings
    CSS_text_styling: CSS-Textgestaltung
    CSS_layout: CSS-Layout
    Guides: Leitfäden
    Animations: Animationen
    Accessibility_Understanding_colors_and_luminance: "Barrierefreiheit: Farbwerte verstehen"
    Applying_color_to_HTML_elements: Farben auf HTML-Elemente anwenden
    At-rules: At-Regeln
    Backgrounds_and_Borders: Hintergründe und Rahmen
    Resizing_background_images: Hintergrundbilder skalieren
    Box alignment: Box-Ausrichtung
    Box_alignment_in_block_layout: Box-Ausrichtung im Block-Layout
    Box_model: Box-Modell
    Colors: Farben
    Color_contrast: "Barrierefreiheit: Farbkontrast"
    Columns: Spalten
    Combinators: Kombinatoren
    Conditional_rules: Bedingte Regeln
    Containment: Containment
    CSSOM_view: CSSOM-Ansicht
    Display: Display
    Flexbox: Flexbox
    Fonts: Schriftarten
    Functions: Funktionen
    Grid: Raster
    Images: Bilder
    Lists_and_counters: Listen und Zähler
    Logical_properties: Logische Eigenschaften
    Media_queries: Media-Abfragen
    Modules: Module
    Nesting: Verschachteln von Stilregeln
    Positioning: Positionierung
    Pseudo-classes: Pseudo-Klassen
    Pseudo-elements: Pseudo-Elemente
    Properties: Eigenschaften
    Scroll_snap: Scroll-Snap
    Selectors: Selektoren
    Shapes: Formen
    Text: Text
    Transforms: Transformationen
    Transitions: Übergänge
    Tools: Werkzeuge
    Types: Typen
  en-US:
    Accessibility_Understanding_colors_and_luminance: "Accessibility: Colors and luminance"
    Applying_color_to_HTML_elements: Applying color to HTML
    Beginners: Beginner's tutorials
    Styling_the_content: "Your first website: Styling the content"
    CSS_styling_basics: CSS styling basics
    CSS_text_styling: CSS text styling
    CSS_layout: CSS layout
    Guides: Guides
    Anchor_positioning: Anchor positioning
    Animations: Animations
    Backgrounds_and_Borders: Backgrounds and borders
    Resizing_background_images: Resizing background images
    Box_alignment_in_block_layout: Box alignment in block layout
    Box_model: Box model
    Cascade: Cascade
    Colors: Colors
    Color_contrast: "Accessibility: Color contrast"
    Columns: Columns
    Conditional_rules: Conditional rules
    Containment: Containment
    Custom_properties: Custom properties
    CSSOM_view: CSSOM view
    Display: Display
    Filter_effects: Filter effects
    Flexbox: Flexbox
    Fonts: Fonts
    Grid: Grid
    Images: Images
    Lists_and_counters: Lists and counters
    Logical_properties: Logical properties
    Media_queries: Media queries
    Nesting: Nesting style rules
    Overflow: Overflow
    Positioning: Positioning
    Selectors: Selectors
    Scroll_anchoring: Scroll anchoring
    Scroll_snap: Scroll snap
    Shapes: Shapes
    Syntax: Syntax
    Text: Text
    Transforms: Transforms
    Transitions: Transitions
    Tools: Tools
  fr:
    CSS_layout: Dispositions CSS
    Guides: Guides
    Animations: Animations
    Backgrounds_and_Borders: Arrière-plans et bordures
    Resizing_background_images: Redimensionner les images d'arrière-plan
    Box_alignment_in_block_layout: Alignement des boîtes avec la disposition en bloc
    Box_model: Modèle de boîte
    Columns: Colonnes
    Conditional_rules: Règles conditionnelles
    CSSOM_view: Vue CSSOM
    Flexbox: Boîtes flexibles
    Display: Mis en page
    Fonts: Polices
    Grid: Grille
    Images: Images
    Lists_and_counters: Listes et compteurs
    Logical_properties: Propriétés logiques
    Media_queries: Requêtes média
    Positioning: Positionnement
    Scroll_snap: Ancrage du défilement
    Shapes: Formes
    Text: Texte
    Transforms: Transformations
    Transitions: Transitions
    Tools: Outils
  ja:
    Accessibility_Understanding_colors_and_luminance: "アクセシビリティ: 色と輝度"
    Applying_color_to_HTML_elements: HTML への色の適用
    At-rules: アットルール
    Beginners: 初心者向けチュートリアル
    Styling_the_content: "初めてのウェブサイト: コンテンツのスタイル設定"
    CSS_styling_basics: CSS スタイル設定の基本
    CSS_text_styling: CSS テキストの装飾
    CSS_layout: CSS レイアウト
    Guides: ガイド
    Animations: アニメーション
    Backgrounds_and_Borders: 背景と境界
    Resizing_background_images: 背景画像の拡大縮小
    Box alignment: ボックス配置
    Box_alignment_in_block_layout: ブロックレイアウトでのボックス配置
    Box_model: ボックスモデル
    Colors: 色
    Color_contrast: "アクセシビリティ: 色のコントラスト"
    Columns: 段組み
    Combinators: 結合子
    Conditional_rules: 条件付きルール
    Containment: コンテナー
    CSSOM_view: CSSOM view
    Display: 表示方法
    Flexbox: フレックスボックス
    Fonts: フォント
    Functions: 関数
    Grid: グリッド
    Images: 画像
    Lists_and_counters: リストとカウンター
    Logical_properties: 論理的プロパティ
    Media_queries: メディアクエリー
    Modules: モジュール
    Nesting: 入れ子のスタイルルール
    Overview: 概要
    Positioning: 位置指定
    Properties: プロパティ
    Pseudo-classes: 擬似クラス
    Pseudo-elements: 擬似要素
    Scroll_snap: スクロールスナップ
    Selectors: セレクター
    Shapes: シェイプ
    Text: テキスト
    Transforms: 座標変換
    Transitions: トランジション
    Tools: ツール
    Types: データ型
    Values and units: 値と単位
  ko:
    CSS_layout: CSS 레이아웃
    Guides: 안내서
    Animations: 애니메이션
    Backgrounds_and_Borders: 배경과 보더
    Resizing_background_images: 배경 이미지 크기 조정하기
    Box_alignment_in_block_layout: 블록 레이아웃 박스 정렬하기
    Box_model: 박스 모델
    Columns: 열
    Conditional_rules: CSS에서 규칙 정의하기
    CSSOM_view: CSSOM view
    Display: 플로 레이아웃
    Flexbox: 플렉스박스
    Fonts: 글꼴
    Grid: 그리드
    Images: 이미지
    Lists_and_counters: 리스트와 카운터
    Logical_properties: Logical 속성
    Media_queries: 미디어 쿼리
    Positioning: 위치 잡기
    Scroll_snap: 스크롤 스냅
    Shapes: 도형
    Text: 텍스트
    Transforms: 변형
    Transitions: 트랜지션
    Tools: 도구
  pt-BR:
    CSS_layout: Esquemas CSS
    Flexbox: Flexbox
    Positioning: Posicionamento
  ru:
    CSS_layout: CSS макет
    Guides: Руководства
    Animations: Анимации
    Backgrounds_and_Borders: Фоны и границы
    Resizing_background_images: Изменение размера фоновых изображений
    Box_alignment_in_block_layout: Выравнивание в блочной раскладке
    Box_model: Блочная модель
    Columns: Колонки
    Conditional_rules: Условные конструкции
    CSSOM_view: CSSOM View
    Display: Потоковая раскладка
    Flexbox: Флексбокс
    Fonts: Шрифты
    Grid: Грид
    Images: Изображения
    Lists_and_counters: Списки и счетчики
    Logical_properties: Логические свойства
    Media_queries: Медиа-запросы
    Positioning: Позиционирование
    Scroll_snap: Scroll snap
    Shapes: Фигуры
    Text: Текст
    Transforms: Трансформации
    Transitions: Переходы
    Tools: Инструменты
  zh-CN:
    Beginners: 初学者教程
    Styling_the_content: 你的第一个网站：样式化内容
    CSS_styling_basics: CSS 样式基础
    CSS_text_styling: CSS 文本样式
    Containment: CSS 局限
    CSS_layout: CSS 布局概述
    Combinators: 关系选择器
    Guides: 指南
    Anchor_positioning: 锚点定位
    Animations: 动画
    At-rules: At 规则
    Backgrounds_and_Borders: 背景和边框
    Resizing_background_images: 调整背景图片的大小
    Box alignment: 盒对齐
    Box_alignment_in_block_layout: 块布局中的盒对齐方式
    Box_model: 盒模型
    Cascade: 层叠
    Colors: 颜色
    Color_contrast: Web 无障碍：色彩对比度
    Columns: 多列
    Conditional_rules: 条件规则
    Custom_properties: 自定义属性
    CSSOM_view: CSS 对象模型视图
    Display: 流式布局
    Filter_effects: 滤镜效果
    Flexbox: 弹性盒布局
    Fonts: 字体
    Functions: 函数
    Grid: 网格布局
    Images: 图片
    Lists_and_counters: 列表和计数器
    Logical_properties: 逻辑属性
    Media_queries: 媒体查询
    Nesting: 嵌套样式规则
    Overflow: 溢出
    Positioning: 定位
    Scroll_anchoring: 滚动锚定
    Scroll_snap: 滚动吸附
    Shapes: 形状
    Syntax: 语法
    Text: 文本
    Transforms: 变换
    Transitions: 过渡
    Tools: 工具
    Accessibility_Understanding_colors_and_luminance: 无障碍：理解颜色和亮度
    Applying_color_to_HTML_elements: 为 HTML 元素应用颜色
    Modules: 模块
    Pseudo-classes: 伪类
    Pseudo-elements: 伪元素
    Properties: 属性
    Selectors: 选择器
    Types: 类型
    Values and units: 值和单位
  zh-TW:
    CSS_layout: CSS 版面配置
    Flexbox: 彈性區塊
    Positioning: 定位