Rossy Yan的博客

超文本标记语言（HyperText Markup Language，简称 HTML）是构建网页结构的基础标记语言。它与 CSS、JavaScript 协同，负责搭建网页“骨架”，用标签组织内容，像标题、段落、图片等元素，通过起始与结束标签（部分可单用，如``）界定层级与布局，将信息有序整合。标签含特定语义，向浏览器传达展示方式，为网页准确呈现及后续美化、交互筑牢根基。

层叠样式表（Cascading Style Sheets，简称CSS）是一种用于描述网页视觉表现的语言。该语言与HTML协同工作，其中HTML负责构建网页的结构，而CSS则负责定义网页的外观和格式。CSS通过一系列规则来实现样式的应用，这些规则由选择器（Selectors）和声明块（Declaration Blocks）构成。选择器的作用是明确指出哪些HTML元素将受到特定样式规则的影响，而声明块则包含了具体的样式声明，这些声明定义了元素的视觉属性和相应的值。

CSS 布局（Cascading Style Sheets Layout）是网页设计的核心，定义元素位置、大小和排列，构建页面结构。其布局模式多样：Flexbox 通过display:flex激活，借助justify-content和align-items灵活排列元素，适用于导航栏、卡片列表；CSS Grid 用grid-template-columns和grid-template-rows定义二维网格定位元素，常用于电商、多列图文排版；传统流式布局基于文档流，元素顺序排列，自适应屏幕宽度，保障页面可读性。