鬼牛阿飞 - 博客园

2022年8月29日

do-while循环

摘要： do..while循环和whil循环非常像,二者经常可以相互替代,但是do..while的特点是不管条件成不成立,都会执行一次. do{ //循环体 }while(循环条件)；阅读全文

posted @ 2022-08-29 23:07 鬼牛阿飞阅读(39) 评论(0) 推荐(0)

switch-case的用法

摘要： switch(值){ case 值1: code; break; case 值2: code; break; case 值3: code; break; }switch是固定值上做的判断,而不是泛义上的. 阅读全文

posted @ 2022-08-29 23:06 鬼牛阿飞阅读(201) 评论(0) 推荐(0)

if判断

摘要：程序的三种基本结构顺序结构:从上至下执行的代码就是顺序结构,程序默认就是由上至下顺序执行的; 分支结构:根据不同的情况及判断,执行对应代码; 循环结构:重复执行一段代码; 阅读全文

posted @ 2022-08-29 07:56 鬼牛阿飞阅读(125) 评论(0) 推荐(0)

2021年6月10日

三列布局_左右绝对定位_中间适应

摘要：基本思路 1.左右2列采用绝对定位来布局 2.中间内容部分采用margin挤压出来阅读全文

posted @ 2021-06-10 23:49 鬼牛阿飞阅读(175) 评论(0) 推荐(0)

三列布局_左右固定_中间自适应

摘要：基本思路 1.和2列布局很相似 2.左右2列采用浮动+宽度 3.中间区域实际是用margin挤压出来的 4.DOM顺序不能写乱，必须先写左右再写中间阅读全文

posted @ 2021-06-10 23:48 鬼牛阿飞阅读(96) 评论(0) 推荐(0)

两列布局_左右二侧_绝对定位

摘要：基本思路: 1.给2列添加一个定位的父集区块，并设置定位属性，一般设置为相对定位 2.给左右2个区块分别使用绝对定位 3.父集区块/定位父集必须设置宽度width 阅读全文

posted @ 2021-06-10 23:47 鬼牛阿飞阅读(124) 评论(0) 推荐(0)

二列布局_左右固定_自己撑开父级块

摘要：基本思路 1.要给左右2列添加一个父集区块 2.要给左右2个区块设置一个浮动:left/right 3.给父区块添加一个after伪类让子块撑开父集阅读全文

posted @ 2021-06-10 23:39 鬼牛阿飞阅读(92) 评论(0) 推荐(0)

两列布局_右侧固定_左侧自适应

摘要：基本思路 1.左侧固定,并设置为左浮动 2.右侧主体部分设置一个左边距,它的宽度只要大于等于右侧的宽度就可以阅读全文

posted @ 2021-06-10 23:37 鬼牛阿飞阅读(115) 评论(0) 推荐(0)

两列布局_左侧固定_右侧自适应

摘要：基本思路 1.右侧固定,并设置为右浮动 2.左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以阅读全文

posted @ 2021-06-10 23:35 鬼牛阿飞阅读(65) 评论(0) 推荐(0)

单列布局_宽度自适应_内容居中

摘要：基本思路:1.头部,尾部单独放在一个独立的容器中，仅设置高度即可 2.头部,底部的内容区仍然和主体等宽 3.主体仍放在一个单独的容器中,并设置水平居中 4.CSS样式不用修改,只需要调整一个DOM结构阅读全文

posted @ 2021-06-10 23:34 鬼牛阿飞阅读(119) 评论(0) 推荐(0)

单列布局_上中下等宽

摘要：基本思路:1.页面的头部，主体,底部全部放在一个容器中统一设置2.容器中的子块只需要设置一下高度即可阅读全文

posted @ 2021-06-10 18:16 鬼牛阿飞阅读(92) 评论(0) 推荐(0)

2021年1月8日

代码技巧之常用快捷键的整理

摘要：常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释<! > css注释/**/ JavaScript注释// ctrl+shift+ 阅读全文

posted @ 2021-01-08 15:19 鬼牛阿飞阅读(1606) 评论(0) 推荐(0)

z-index的特点

摘要：思路:①z-index的结构/定位元素默认的z-index②z-index单位③能不能用子元素和父元素比较④父元素没有z-index，能不能通过子元素控制他们的层级=>改变层级，父元素z-indexz-index属性的特点默认是书写顺序在后的定位元素覆盖在顺序前的定位元素可以使用z-index属阅读全文

posted @ 2021-01-08 15:17 鬼牛阿飞阅读(339) 评论(0) 推荐(0)

定位元素的异同点

摘要：定位的值 position: absolute绝定位 position: relative相定位 position: fixed固定定位定位的相同点和不同点相同点: 可以设置top/ bottom/ left/right四个方位值,如果同时有top、 bottom,只有top起作用;如果同有1 阅读全文

posted @ 2021-01-08 15:16 鬼牛阿飞阅读(243) 评论(0) 推荐(0)

定位之固定定位

摘要：固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位可通过z-index改变层级 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta ch 阅读全文

posted @ 2021-01-08 15:15 鬼牛阿飞阅读(501) 评论(0) 推荐(0)

公告