摘要: 数组操作 对数组的最后一位进行操作 添加 书写格式:数组名.push(数据); 例:let arr = ["A","B","C"]; arr.push("D"); console.log(arr); //["A","B","C","D"] 删除 书写格式:数组名.pop(); 例:let arr = 阅读全文
posted @ 2020-01-11 16:15 黄太宗 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 循环语句(多次执行同一段代码) while循环 书写格式:while(条件){ 代码块; } 注意:条件为真时,一直执行大括号里的代码块; 条件为假时,则终止。 do-while循环 书写格式:do{ 代码块; }while(条件); 注意:先执行一次代码块,然后再判断条件,条件为真时,一直执行大括 阅读全文
posted @ 2020-01-11 16:13 黄太宗 阅读(444) 评论(0) 推荐(0) 编辑
摘要: 条件语句 单分支语句 书写格式:if(条件){ 代码块; } console.log(); 注意:当条件为真时,则执行大括号里的代码块。如果条件为假,则不执行大括号里的代码块。 双分支语句 书写格式:if(条件){ 代码块; }else{ 代码块; } 注意: 当条件为真时,则执行if大括号里的代码 阅读全文
posted @ 2020-01-11 16:11 黄太宗 阅读(609) 评论(0) 推荐(0) 编辑
摘要: 定义:display属性的默认值为inline的元素就是行盒。 特征: 1.行盒可被折断,因为内容可被折断换行(可通过word-break属性设置截断位置); 2.同一个包含块中,连续的多个行盒水平依次排列 ; 3.空白折叠的规则仅适用于行盒内部和行盒之间 ; 4.行盒与行盒之间的距离可使用水平方向 阅读全文
posted @ 2019-12-22 17:15 黄太宗 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 雪碧图 (sprite)是一种图片拼合技术; 使用方法: 1.定视口 width: xx px; height: xx px; 2.插图 background-image: url("图片路径"); 3.移动位置 background-position: x轴坐标 y轴坐标; 优点:将小图标拼合到一 阅读全文
posted @ 2019-12-22 17:08 黄太宗 阅读(487) 评论(0) 推荐(0) 编辑
摘要: 块级元素水平和垂直方向居中的方法一共三种 1.先设置块级元素的宽高,然后利用定位和外边距将元素在水平和垂直方向上居中 示例: <style> .father{ width: 100%; height: 500px; position: relative; } .son{ width: 100px; 阅读全文
posted @ 2019-12-22 16:55 黄太宗 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 常规流 又叫做文档流;在没有CSS的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。 脱离文档流 又叫做浮动流;元素在进行浮动后就是脱离文档流; 注意:浮动流在进行摆放的时候要避开常规流; 常规流在进行摆放时无视浮动流; 子级元素浮动后导致父级高度坍塌; 清除浮动 书写格式:fixe 阅读全文
posted @ 2019-12-16 21:48 黄太宗 阅读(388) 评论(2) 推荐(0) 编辑
摘要: 定位 相对定位 书写格式:position: relative ; left: xx px; top: xx px; 绝对定位:脱离文档流;默认的(0,0)点在body的左上角; 书写格式:position:absolute; left: xx px; top: xx px; 注意:绝对定位元素以包 阅读全文
posted @ 2019-12-16 21:40 黄太宗 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 盒子的组成: 外边距:margin 一个元素与另一个元素的距离 边框:border 内边距:padding 内容:content 标准盒:总宽度=width+左右内边距+左右边框 总高度=height+上下内边距+上下内边距 IE盒:box-sizing:border-box; 设置的宽高是总的宽高 阅读全文
posted @ 2019-12-16 21:35 黄太宗 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 层叠机制: 一个元素的某个特定的样式属性可能来自行间的style属性、内联样式表或者外部引入的样式表,以及浏览器自定义的样式,还有就是继承自父元素的样式,但是最终只会选择其中的某一个来表示,这个选择的过程就被称为层叠(cascading)。 继承机制: 在继承机制中,样式不仅会应用到指定的元素,还会 阅读全文
posted @ 2019-12-15 18:55 黄太宗 阅读(174) 评论(0) 推荐(1) 编辑