摘要: VSCode 插件安装 安装方法 点击左侧《扩展》图标,在搜索框输入需要安装的插件名称,点击install进行安装即可。安装完毕,需要重新加载软件使插件生效。 推荐安装的插件 Chinese (Simplified) Language Pack for VS Code 中文(简体)语言包 Open 阅读全文
posted @ 2020-07-28 12:43 小不点灬 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 瀑布流布局其核心是基于一个网格的布局,而且每行包含的项目列表高度是随机的(随着自己内容动态变化高度),同时每个项目列表呈堆栈形式排列,最为关键的是,堆栈之间彼此之间没有多余的间距差存大。 代码比较简单: <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2020-07-24 20:13 小不点灬 阅读(405) 评论(0) 推荐(0) 编辑
摘要: html5 有哪些新特性? 语义化标签(header,nav,footer,figure>figcaption,aside,article,section,) 音视频标签(audio video) 智能表单(url,emaile,number,date...) 表单属性(max,min,placeh 阅读全文
posted @ 2020-07-21 11:03 小不点灬 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 移动端重置样式 1、禁止用户选中文字,安卓无效 ­webkit­user­select: none; 2、禁止长按弹出系统菜单。 ­webkit­touch­callout: none; 3、去除android下a/button/input标签被点击时产生的边框 & 去除ios下a标签被点击时产生的 阅读全文
posted @ 2020-07-21 09:29 小不点灬 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 什么是viewport 指的是移动设备浏览器中放置页面的一个虚拟的窗口即用来显示网页的那一部分区域,相当于PC端浏览器可视区 在移动端开发中,常将视口抽象划分为布局视口、视觉视口 和 理想视口。 布局视口,移动设备默认的viewport即布局视口,宽度介于768px ~1024px之间,不进行缩放的 阅读全文
posted @ 2020-07-21 09:16 小不点灬 阅读(894) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局 1.结构先加载主体,再加载左右 2.将三者都 float:left , 左右再加上一个position:relative(因为相对定位后面会用到);3、middle 部分 width:100% 占满 ; 此时 middle 占满了,所以要把 left 拉到最左边,使用 margin­lef 阅读全文
posted @ 2020-07-12 17:27 小不点灬 阅读(214) 评论(0) 推荐(0) 编辑
摘要: BFC( 块级格式化上下文 ) 块级格式化上下文,它是指一个独立的块级渲染区域, 只有 Block­level BOX 参与,该区域拥有一套 渲染规则来约束块级盒子的布局,且与区域外部无关. 如何生成BFC 1、根标签 2、float 的值不为 none 3、 overflow 的值不为 visib 阅读全文
posted @ 2020-07-12 15:44 小不点灬 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制,移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元 素浮动后也可以设置宽高.(类似不代表是,浮动后的盒 阅读全文
posted @ 2020-07-05 19:52 小不点灬 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 1.块级元素水平垂直居中 方法1 1 <!--(该方法兼容ie8以上浏览器)--> 2 position: absolute/fixed; 3 left:0; 4 top:0; 5 right: 0; 6 bottom: 0; 7 margin:auto; 方法2: 1 <!--前提条件:必需知道该 阅读全文
posted @ 2020-07-05 19:24 小不点灬 阅读(4147) 评论(0) 推荐(0) 编辑
摘要: 1.父子块级 元素外边距塌陷 子元素加margin­top,父元素也加margin­top, 如果父元素没有设置margin­top,那默认0,取的是其中最大 的值,这个效果作用父元素身上啦 , 原因 :他俩共用一个外边距 . 解决 : 方法一 : 给父元素加 border/padding 方法二: 阅读全文
posted @ 2020-07-05 19:00 小不点灬 阅读(243) 评论(0) 推荐(0) 编辑