F4 查看源码Ctrl+B 跳到变量申明处Ctrl+F 查找Ctrl+D 复制当前行Ctrl+G 跳转行Ctrl+J 插入活动代码提示...

精灵图 css .box1 { width: 500px; height: 400px; border: 1px solid #000; background-image: url("1.png"); ...

1.html页面的文档结构

FlexBox弹性盒子布局之父元素属性1、dispaly:flex : 将容器转换为弹性盒子。2、flex-wrap : 项目在一行排不下的情况下是否换行nowrap：默认值，不换行。wrap：换行，第一行在主轴开始方向，依次往主轴结束方向布局。wr...

vscode编辑器安装1.安装包下载地址https://code.visualstudio.com，下载并按提示安装 2.根据需要安装插件如图，搜索插件并安装或者卸载 3.配置php运行路径：文件 —> 首选项 —> 设置 —> 如下图右上角 具...

代码

浮动元素高度塌陷产生的原因 元素浮动之后从文档流中脱离出来，它原来在文档流中占据的空间就会被释放出来，它后面的元素会自动填充它出让出来的空间大小 浮动元素高度塌陷解决方案 html代码 box1

下拉菜单

FlexBox弹性盒子布局之子元素属性1、order : 定义项目的排列顺序，数值越小排列越靠前，默认为0效果图 .container > .item:first-of-type {order: 3;} 2、flex-grow : 定义项目的放大比例...

代码

id选择器：#id类选择器：.class选择器叠加：.class1.class2 (选择同时含有这两个class的元素)元素选择器：eg: div p （选择所有满足条件的后代）父子选择器：div>p (选择满足条件的儿子)兄弟选择器：div+p (...