摘要：
1、基本的网格布局 display: grid;//准备开始要使用网格布局了 grid-template-columns: 100px 100px 100px; grid-template-rows: 100px 100px 100px; //3行3列，宽度高度都为100px的网格布局 //目前使用 阅读全文
posted @ 2021-08-16 12:52
rigorous
阅读(301)
评论(0)
推荐(0)
摘要：
grid布局（网格布局） 它将网页划分成了一个网格，可以任意组合不同的网格，做出各做各样的布局 grid 和 flex 有一点点类似，但是不是完全相同： flex 是轴线布局 grid 是【行和列】布局 - 有一点点类似table，但是比他强大得多 阅读全文
posted @ 2021-08-16 12:50
rigorous
阅读(223)
评论(0)
推荐(0)
摘要：
子元素的属性： 1、flex-grow: 数字;//占宽度/高度的比例 2、修改元素的先后顺序，操作更加优雅 order: 数字;//数字代表先后顺序 3、单独元素的对齐方式： align-self: flex-start/flex-end/center; 4、弹性子元素的宽度： flex-basi 阅读全文
posted @ 2021-08-16 12:46
rigorous
阅读(128)
评论(0)
推荐(0)
摘要：
父元素上的css属性 1、将元素转为弹性盒模型 语法：display: flex; 强调：1、此语句必须设置在父元素上，效果看上去类似display:inlin-block; 2、会导致float失效、vertical-align失效 - 也不需要了 2、弹性盒模型可以设置对齐方式 语法：justi 阅读全文
posted @ 2021-08-16 12:45
rigorous
阅读(172)
评论(0)
推荐(0)
摘要：
弹性盒模型：简单来说他可以简化我们的布局方式 - 更简化 随着移动互联网的发展，对于网页布局来说要求越来越高，而传统的布局方式，对于特殊布局来说实现起来会比较麻烦 - 比如：垂直居中 2009年，w3c提出了一个新的方案 - flex布局，可以简便、完整、实现各种各样的布局， 目前，所有的浏览器都支 阅读全文
posted @ 2021-08-16 12:40
rigorous
阅读(171)
评论(0)
推荐(0)
摘要：
1、计算字符串：脱掉字符串的衣服 eval(str);//将字符串拿来进行计算操作 阅读全文
posted @ 2021-08-16 12:37
rigorous
阅读(355)
评论(0)
推荐(0)
摘要：
elem.onclick=function(){ 自己写操作 *****特殊：事件中可以使用一个关键字 this 1、单个元素绑定了事件 this->这个单个元素 2、多个元素循环同时绑定了事件 this->当前触发事件的元素 建议：如果你在事件中想要使用到绑定事件的元素，推荐使用this } 阅读全文
posted @ 2021-08-16 12:35
rigorous
阅读(310)
评论(0)
推荐(0)
摘要：
前提：1、至少要找到元素 2、页面上所有的东西数据类型都是一个字符串. 1、元素的内容：标签之中的东西 *1、innerHTML属性： 语法：获取：elem.innerHTML; - 往往都是用来做判断的 设置：elem.innerHTML="内容"; - 修改 2、innerText属性： 语法： 阅读全文
posted @ 2021-08-16 12:34
rigorous
阅读(87)
评论(0)
推荐(0)
摘要：
获取元素：类似css的选择器 - 必须先找到元素才能操作元素 1、通过 HTML的特性 获取元素： 1、ID获取： 语法：var elem=document.getElementById("id值"); -- id是唯一 在当前 DOM树中，根据元素的id，获取具体的dom节点 返回：找到了，保存的 阅读全文
posted @ 2021-08-16 12:32
rigorous
阅读(1135)
评论(0)
推荐(0)
摘要：
在JS中，不需要我们去创建的，由浏览器的js解释器自动创建，且一个页面只有一个document 作用：通过树根可以找到下面的任何一个DOM元素，还可以操作他 阅读全文
posted @ 2021-08-16 12:31
rigorous
阅读(122)
评论(0)
推荐(0)
浙公网安备 33010602011771号