前端基础学习

Web表单主要用来和用户进行交互。 允许用户输入数据，通过表单将数据发送到 web 服务器进行处理和存储 允许用户输入数据，在客户端使用某种方式立刻更新界面 构成： 一个或多个表单控件 + 表单附加元

弹性盒子是一种用于按行或按列布局元素的一维布局方法。 主轴（main axis）：是沿着 flex 元素放置的方向延伸的轴 交叉轴（cross axis）：是垂直于 flex 元素放置方向的轴 fle

定位是允许我们覆盖基本文档流来管理和微调页面的一个特殊位置。 定位的使用方式 指定定位方式：使用 position属性指定一个元素的定位方式 精确指定位置： 使用 top,right,bottom,l

## 元素分类 ![7b790f2e-e0cf-4cf1-b96c-e08f054536e9.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfc

# CSS笔记-盒子模型 #前端/css 在CSS中，所有元素都被一个个盒子包围着，一般使用两种盒子：块级盒子（block box）和 内联盒子（inline box）。 ## 盒子模型的内容 #

## 文本相关属性 ### text-align 控制文本如何和它所在的内容盒子对齐 * 设置元素内容在元素中水平对齐方式 * 文本可居中或对齐到左或对齐到右,两端对齐 ``` h1 {text-al

网格是由一系列水平及垂直的线构成的一种布局模式，元素可以被放到行和列中。 如上图所示，网格内容包括： 行 ： 网格中的水平线 列： 网格中的垂直线 沟槽：行与行、列与列之间的间隙 网格容器（Grid

自定义属性（css变量或者级联变量）所包含的值在整个文档中可以重复使用。 使用场景：当css代码中有许多重复的值（替换非常的麻烦） 基础用法 声明 声明一个自定义属性，属性名需要以两个减号（--）开始

CSS（Cascading Style Sheets）层叠样式表，可以给每一个元素设置样式。 CSS引入方式 内联样式（ inline style）<h1 style=“font-size: 50px

超文本标记语言(HyperText Markup Language)是一种用来告知浏览器如何组织页面的标记语言。用来结构化Web网页及其内容的。 HTML元素 元素组成 开始标签：包含元素的名称，被大

基础元素 标题 使用 h1~h6 元素标记六个等级标题。 标题使用的最佳方案： 每个页面顶级标题 （h1）只使用一次 确保在层次结构中以正确的顺序使用标题 h1 -> h2 -> h3 可用的六个标题