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

效果图 主页index.html

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

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

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

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

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