nagenage123的博客

css 快速入门教程 - Grid 网格布局教程学习 grid 时，需要先了解 grid 的一些重要术语。CSS Grid 网格布局 - 重要属性 属性 描述 设置在网格容器上 display display grid 或者 inline-grid 声明元素为网格容器 行和列 grid-template-columns 设置网格列 grid-template-rows 设置网格行 网格排序 grid-aut

CSS Grid 网格布局 - auto-fit 关键字 和 auto-fill 关键字 的区别auto-fit 和 auto-fill 都是模式填充，在网格容器宽度大于网格项的最小宽度总和时就会有区别。实例解析：css.css :.wrap{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-rows: 60px; grid-auto-rows: 60px;

css 快速入门之 flex 布局教程flex 简称弹性布局，是2009年W3C提出的 css3 新属性。弹性布局（flexible box）模块旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。 弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。 最重要的是弹性盒子布局与方向无关，相对于常规的布局（块是垂直和内联水平为基础），很显然，这些工作以及网页设计缺乏灵活性，无法支持大型

网格区域的命名会影响网格线的命名。当给区域命名后，区域2条边会自动得到命名 “-start” 和 “-end”。这意味着一条网格线可能有多个名称。比如以下 ：.wrap{ display: grid; grid-template-areas:'header header header' 'sidebar main main' 'footer footer footer';}区域名称相同的，在使用时就像单元格合并，如以上的 main ，其上边行线和左边列线为 main-s

新手认识浏览器开发者工具（inspect）现代浏览器都有内置调试工具，可以查看错误信息，也可以打断点，甚至在代码执行时检测变量。新手小白是不是对开发者工具众多功能感到迷茫？先来认识下基础简单功能开发者工具简单介绍...

overflow 消除 float 设置产生的行框围绕overflow 设置后：代码详情

js-最方便简单的自定义插件对新手来说，闭包什么的可能不好理解，那就先试着用对象方法式来写自己的插件吧。代码链接

HTML注释、CSS注释、JS注释的区别html: <!-- 注释内容 -->css : /* 注释内容 */js : 单行 //多行 /* 注释内容 */详情代码