html
<div> 标签：<div> 是一个块级元素，常用于将网页内容分组，本身没有特定的语义，主要用于布局。
CSS（层叠样式表）用于控制网页的外观和布局。排版+美观
CSS 的三种引入方式：
1）内联样式（在 HTML 标签中使用 style 属性）、
2）内部样式表（在 <head> 标签中使用 <style> 标签）
3）外部样式表（通过 <link> 标签引入外部 CSS 文件）。
选择器：
1）元素选择器（如 p、div）、2）类选择器（以 . 开头）、3）ID 选择器（以 # 开头）。
对象：文字、图片、表格
表格：
<table>特点：不灵活，不便于seo
样式设置学习
文本样式
- 字体：掌握如何设置字体家族（
font-family）、字体大小（font-size）、字体粗细（font-weight）、字体样式（font-style）等。
- 文本颜色和对齐：学会使用
color 属性设置文本颜色，使用 text-align 属性设置文本对齐方式（如 left、center、right）。
盒模型
- 理解盒模型概念：每个 HTML 元素都可以看作一个盒子，由内容区域（
content）、内边距（padding）、边框（border）和外边距（margin）组成。
- 设置盒模型属性：学习如何使用
padding、border 和 margin 属性来调整元素的大小和间距。
布局技术掌握
浮动布局
- 浮动原理：了解
float 属性（left、right）的作用，通过浮动元素可以实现多列布局。
- 清除浮动：掌握如何使用
clear 属性清除浮动带来的影响，避免布局混乱。
定位布局
- 静态定位：HTML 元素的默认定位方式，元素按照文档流正常排列。
- 相对定位：使用
position: relative 使元素相对于其正常位置进行定位，通过 top、right、bottom、left 属性调整位置。
- 绝对定位：使用
position: absolute 使元素相对于最近的已定位祖先元素进行定位。
- 固定定位：使用
position: fixed 使元素相对于浏览器窗口进行定位，滚动页面时元素位置不变。
- 粘性定位：使用
position: sticky 使元素在滚动到特定位置时固定。
弹性布局（Flexbox）
- 弹性容器和弹性项目：了解如何将一个元素设置为弹性容器（
display: flex 或 display: inline-flex），以及其直接子元素成为弹性项目。
- 主轴和交叉轴：掌握弹性布局中的主轴和交叉轴概念，以及如何使用
flex-direction 属性改变主轴方向。
- 弹性项目的排列和对齐：学习使用
justify-content 控制弹性项目在主轴上的对齐方式，使用 align-items 控制弹性项目在交叉轴上的对齐方式。
网格布局（Grid）
- 网格容器和网格项目：了解如何将一个元素设置为网格容器（
display: grid 或 display: inline-grid），以及其直接子元素成为网格项目。
- 网格轨道：学习使用
grid-template-columns 和 grid-template-rows 属性定义网格的列和行。
- 网格间距和对齐：掌握使用
gap 属性设置网格项目之间的间距，以及使用 place-items 等属性控制网格项目的对齐方式。
需要让table整理上移多少像素可以使用的代码为：
style="margin-top: -10px"
|
|
|
|
