grid和flex布局实际应用布局实际应用 html源码

grid 网格布局详解网格布局主要的 9 个属性 属性 参考值 定义解释 display grid 声明为 grid 盒子 grid-template-columns/rows 列数/行数 划网格定义例/行数，repeat(重复次数，...

弹性盒子flex属性详解弹性盒子概述 弹性属性（display：felx）在父级盒子中申明；flex-direction属性设置在父级盒子中，决定了子盒子的排列依据；flex-wrap属性设置在父级盒子中，决定了是否换行；flex-flow：是2，3...

定位布局的概念与实例 概念：1.1 块（display-block）:矩形盒子-合模型，例：/table/table-cell,td/list-item/form/p/h1-h6/，边距均有效，宽：占用父级宽度的100%，高：内容来定，均可自定义；1...

常用单位与图标引用以及移动媒体 绝对单位：像素px，1in = 96px相对单位：必须要有一个参照物2.1 %：参照物父级2.2 em：字号大小，参照浏览器默认字号16px 2.2.1 em：受当前或它的祖先元素的font-size影响 2.2.2 ...

伪类的分类详解与盒模型伪类的分类1. 结构伪类 1.1 nth-of-type():正向读取选择 1.2 nth-last-of-type():反向读取选择 1.3 first-of-type:第一个 1.4 last-of-type:最后一个 1....

样式分类与选择器详解样式分类1.内联样式1.1 默认样式：用户代理样式，是浏览器为每个元素预置的样式1.2 继承样式：颜色，字体等样式，可由父级进行设置，子级直接继承1.3 自定义样式：就是元素中的style属性设置的样式1.4 优先级：自定义样式 ...

表单以及简单的后台页面 源码

图文列表导航组件以及表格制作图文列表

markdown常用语法markdown常用语法1. 语法1-标题使用“#”一个“#”号为一级标题“##”以此类推这个是二级标题“###”三级标题“####”四级标题“#####”五级标题“######”六级标题，最多六级 2. 列表2.1 无序列表...