10-网格布局
1. 概念Grid 网格 含义：将网页划分成一个个网格，可以任意组合不同的风格，作出各种各样的布局 相同：Grid布局 与 Flex 布局都可以指定容器内部多个项目的位置。 不同： Flex 布局是轴线布局，只能指定项目针对轴线的位置，可以看作是一维布局。 Grid 布局则是将容器划分成行和列，产生单元格，然后指定项目所在的单元格，可以看作是二维布局。 1.1 容器和项目 容器：一个案例中最
08-渐变&过渡动画&变换
参考资料： 免费在线渐变色配色工具：https://uigradients.com/ 1. 渐变 gradientCSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变效果的元素在放大时看起来效果更好，因为渐变是浏览器生成的。 1.1 线性渐变background: linear-gradient(...) 1background: linear-gradi
13-Sass教程
参考资料： sass官网：https://sass-lang.com.cn/ sass教程：https://sass-lang.com.cn/documentation/ 1. 介绍sass最成熟、最稳定、最强大的专业级css扩展语言 sass是css的预编译工具 更优雅的书写css 需要转换成css才能让浏览器认识和运行 安装一个插件：Easy Sass 可以自动将.scss的样式代
11-使用方式,CSS选择器
1. CSS 样式使用方式1.1 内联方式标签内，单独对特定标签元素生效，简单，但不能复用。 1<font style="color: red;">这是一行字</font> 1.2 内部方式 在 head 标签中，使用 style 标签 使用选择器选中元素 编写 css 代码 12345678<style type="text/css&
12-CSS属性,CSS盒子
1. CSS 样式属性1.1 字体 font-xxx定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。 font 简写属性。作用是把所有针对字体的属性设置在一个声明中。eg：font:oblique 700 30px “黑体”; /* 样式 加粗 大小 风格 */ font-family 设置字体系列。 font-size 设置字体的尺寸。 font-s
98-CSS三栏自适应布局集锦
参考资料： 源码地址: https://github.com/jzplp/CSS-Layout 布局实例网站: https://jzplp.github.io/CSS-Layout/ 1.直接设置宽度直接设置元素宽度，可以说是最简单也最直接的实现方式了。只要保证元素相加的之后正好为100%，即可实现占满整个页面。假设有的元素是按照像素设置宽度，有的是按照比例设置宽度，那么如何使其相加为100%
99-CSS样式案例集锦
布局两栏布局123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo
01-数据结构概念
程序设计 = 数据结构 + 算法 1 数据结构数据结构：相互之间存在一种或多种特定关系的数据元素的集合。 1.1 基本概念 数据：能别计算机识别、处理的符号集合 数据对象：性质相同的数据元素的集合，是数据的子集。 数据元素：组成数据的、有一定意义的基本单位。通常作为整体被计算机处理。 数据项：数据元素可由多个数据项组成，数据项是数据不可分割的最小单位 12345678graph TD数