html+对象+css样式
浏览人数：
html
CSS（层叠样式表）用于控制网页的外观和布局。排版+美观
CSS 的三种引入方式：
1）内联样式（在 HTML 标签中使用
2）内部样式表（在
3）外部样式表（通过
选择器：
1）元素选择器（如
对象：文字、图片、表格
表格：
<table>特点：不灵活，不便于seo
需要让table整理上移多少像素可以使用的代码为：
style="margin-top: -10px"
<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"
上一篇： 返回列表
制作表格zhizuobiaoge.com
Copyright@all rights reserved
