qq_40944918的博客

3:等高布局height:auto时的现象height:auto 全部都是内容撑开每一列盒子高度同时变化,以最高的那列为基准 整个盒子的高度应该取决于最高的那列3:真等高—>背景盒子法原理：父盒子取决于内容盒子里最高的盒子的高度1.多列浮动并排 清除浮动影响2.给最外侧的盒子再套几个盒子 套的盒子数量 =列的数量（每一列都要分配一个背景盒子） <div clas...

H5+CSS3部分H5新增语义化标签以及属性结构标签（1）<section></section> 独立内容模块 ，可以h1-h6组成大纲 ，表示文档结构，有章节、页眉、页脚或其他部分。（2）article （文章） 文章核心部分 （3）aside 标签内容之外相辅的信息 侧边栏（4）header 头部/标题(5)footer 底部(6)nav 导航（...

day09项目准备网站TDK T 标题 D 描述 K 关键字<title>小米商城 - 小米CC9、小米MIX 3、Redmi K20，小米电视官方网站</title><meta name="description" content="小米商城直营小米公司旗下所有产品，包括小米手机系列小米CC9、小米9、小米MIX 3，Redmi 红米系列Redmi K...

day071:常见的兼容问题兼容：通过代码实现各浏览器表现一致性1.ie8下图片边框问题<a><img src="" alt=""></a>解决方法img{ border:0;//去掉ie8下图片边框 or vertical-align:middle; 取消下间隙}2.图片下间隙问题解决方法: 1)图片转换为块元素 di...

列表序列无序列表 盒子 ul unorder 列表项 li list​ 第一条数据​ 第二条数据​ 第三条数据​ ul>li3 div>div3​ 超链接标签<a></a> anchor 锚点链接使用href：链接地址target：控制链接的打开方式_self ...

day 01 HTML 011: HTMLHTML : Hyper Text Makeup Language 超文本标记语言超：不仅仅可以放文字，还可以插入图片，插入链接，视频，音频 .html标记： 就是浏览器可以识别的文字和符号面试题：你常用的浏览器有哪些？​ 浏览器内核：解析 html +css+js 渲染引擎 ：将html+css渲染​ ...

day05color:rgba(255,255,255,0.5)​ a:alpha 透明度 0-1 的小数 值越大越不透明文字默认以基线对齐1：调整文本垂直对齐方式的属性verticle-align:top定对齐/ middle 中线对齐/baseline基线对齐/bottm底线对齐对块级元素而言，用display：inline-block实现并排不是最好的做法**因...

day04字体缩进属性text-indent:20px/2em/2rem;em:相对于父元素字体大小的参考单位rem：相对于html根标签的参考单位text-indent：-999；隐藏文本的另外做法css三大特性层叠性，继承性（inherit），优先级继承性：text-，line-height，font- ， color字体颜色color:1.屌丝程序员表示法：red，...

day10字体图标1.阿里矢量图标库加入购物车 —> 下载代码—> 登录–>下载2:解压放入项目目录下 静态资源文件夹下 assets3;在头部通过link标签引入阿里的图标样式文件 iconfont.cssunicode 引入写到公共样式里就行@font-face { font-family: 'iconfont'; src: url('ico...

day08精灵图技术why?1.减少请求次数，提高界面加载速度what?图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图how？1.确定显示小图片的那个盒子的宽高2.以背景的方式插入精灵图 background-image：url();3.移动图片的定位位置 backgrou...

使用node.js删除文件夹以及文件var fs = require('fs')//引入fs模块var path = require('path')//引入path模块var filepath = path.resolve('./a')//获得想要删除的文件夹的绝对路径//console.log(filepath)function fun(dir){ var files =fs...

做了两个版本，第一个是靠定位，外边距等等，很粗糙第二个用表格做了，如图源代码如下： Document

首先是弹性布局宽度以及高度不能用px设置，用rem来设置，盒子的边距位置用px 来设置。流式布局的宽度要求设置maxwidth以及minwidth，盒子的宽度用百分比来设置，高度可以用px...

精灵图技术why?1.减少请求次数，提高界面加载速度what?图片拼合技术，它就是把多张小图合成一张大图，利用 背景定位属性background-position：xpx ypx 实现显示大图当中的某一个小图how？1.确定显示小图片的那个盒子的宽高2.以背景的方式插入精灵图 background-image：url();3.移动图片的定位位置 background-positi...

day06定位 position:两个大布局: 盒模型 浮动定位:anywhere1:定位类型:静态定位 static 标准流下的默认值 一动不动相对定位 relative绝对定位 absolute固定定位 fixed2:定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值bottom:当前定位元素距离父元素下侧边界的值...