1. 实例演示变量与常量的区别 // 1.变量：禁止重复命名，可以被更新（命名时用小驼峰命名） // 声明 let userName; console.log(userName); //...

一、项目在网格单元和容器中对齐的相关属性实例演示 项目在网格单元中的对齐方式 /* 1. 设置容器中的“所有项目”在网格单元中的对齐方式 */ .container { /* place-items: 垂直方向 水平方向...

网格容器/网格项目/网格轨道/轨道间距 网格容器:由若干个矩形网格单元构成 网格项目：网格容器中的子元素，必须放在网格单元中 网格单元：有单元格和网格区域两种表现形式 网格轨道：由多个网格单元构成，根据方向有行轨和列轨 轨道间距：容器中轨道之间的间距...

效果图 主页index.html

flex1. 术语 容器: 具有display:flex属性元素项目: flex 容器的”子元素”主轴: 项目排列的轴线交叉轴: 与主轴垂直的轴线 2. 容器属性 序号 属性 描述 1 flex-flow 主轴方向与换行方式 2 j...

定位的类型与应用场景和使用条件 定位的类型 静态定位（position: static） 默认,也就是文档流定位,元素的显示位置与源码顺序一致; 相对定位（position: relative）相对于该元素在文档流中的原始位置进行偏移； ...

实例演示box-sizing属性 box-sizing: border-box; 可以把内边距和边框都控制在盒子内html { font-size: 10px; } /* 盒子的宽度是100px，高度是100px...

选择器的提权方式 选择器优先级：id>class>tag有一个计算公式【id选择器的数量、class选择器的数量、tag选择器的数量】tag级向class级进位，class级向id级进位 /* h2:[id=0,class=0,tag=1] */...

1.实例演示css规则的三种引入到html文档中的方式

1.用iframe写一个简单的小后台运行结果 代码

1.表单有序列表 牛奶 面包 可乐 无序列表 洗发水 沐浴露&...