1. 为什么会有BFC和IFC 首先要先了解两个概念：Box和formatting context； Box： CSS渲染的时候是以Box作为渲染的基本单位。Box的类型由元素的类型和display属性决定，box的类型分为block-level box 和inline-level box（不包括css3的时候）。不同类型的box参与不同类...

2018-06-24 00:50:50

在网站根目录下添加favicon.ico文件，并在网页添加如下代码： link rel ="bookmark" href ="~/favicon.ico" type ="image/x-icon" / link rel ="shortcut icon" href ="~/favicon.ico" type ="image/x-icon" / link rel ="icon" href ="~/favicon.ico" type ="image/x-...

2018-06-24 00:50:49

1.结构性定义 文件类型 HTML/HTML （放在档案的开头与结尾） 文件主题 TITLE/TITLE （必须放在「文头」区块内） 文头 HEAD/HEAD （描述性资料，像是「主题」） 文体 BODY/BODY （文件本体） （由浏览器控制的显示风格） 标题 H?/H? （从1到6，有六层选择） 标题的对齐...

2018-06-24 00:50:38

实例 让所有弹性盒模型对象的子元素都有相同的长度，忽略它们内部的内容： # main div { flex : 1 ; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 定义和...

2018-06-24 00:50:42

通常我们说的 Web 动画，包含了三大类。 CSS3 动画 javascript 动画（canvas） html 动画（SVG） 个人认为 3 种动画各有优劣，实际应用中根据掌握情况作出取舍，本文讨论的是我认为 SVG 中在实际项目中非常有应用价值 SVG 线条动画。 举个栗子 SVG 线条动画，在一些特...

2018-06-24 00:50:37

由OpenDigg出品的前端开源项目周报第三期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。 Cost of modules查看哪个依赖拖慢了速度 csspin模块化可定制单一HTML元素代码 react-t...

2018-06-24 00:50:33

安卓手机点击a标签去除点击阴影 body { -webkit-tap-highlight-color : rgba(0, 0, 0, 0) ; -moz-tap-highlight-color : rgba(0, 0, 0, 0) ; -ms-tap-highlight-color : rgba(0, 0, 0, 0) ; -o-tap-highlight-color : rgba(0, 0, 0, 0) ; tap-highlight-color : rgba(0...

2018-06-24 00:50:32

一、安装Sublime 插件 1.安装Less插件： ctrl+shift+pinstall Package输入less按Enter 2.安装Less2CSS插件：ctrl+shift+pinstall Package输入less2css按Enter 作用：当保存less文件的时候自动生成同名的css文件；当保存less文件的时候提示编译错误信息；批量编译项目目...

2018-06-24 00:50:20

对于css3的渐变前端的童鞋一定不陌生，在一些电商网站会为了美化将地址选择做成信封样式（个人感觉很稀饭~），看了一下它的实现方式，大多数是以图片的形式，持着优化的心态尝试着用css3 linear-gradient实现信封效果一下是效果图 下面我们开始喽~ html结构如下： div...

2018-06-24 00:50:26

div class="mainBox" div class="leftBox"/div div class="rightBox"/div div class="clear"/div/div 注意：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 解决的方法： ①可以给父div也设置高度为300px，使页面...

2018-06-24 00:50:23