之前看过多次CSS绝对定位，但是缺乏一个好的案例。偶尔看到一个控件，觉得用它来说明是非常简明的。 假设我们有一个DIV，内部还嵌入两个平级的DIV，代码如下： <div class="wrapper"> &l…

方法一：利用letter-spacing属性和em 参考：https://blog.csdn.net/muyutin… html <span style="font-size:12px;"><…

viewport是什么 移动端中，分为两个视口： layout viewport 布局视口: 视口的分辨率接近于PC显示器,也就是html的宽度接近于pc端的宽度。 visual viewport 视觉视口: 手机的物理…

行内元素和块级元素 讲讲行内元素和块级元素在HTML中标签元素大都是“块级”元素或行内元素。 块级元素 HTML <div class="wrap"> <div class="fluid"> 我是…

前言 在阿里和腾讯工作了6年，当了3年的前端面试官，把期间我和我的同事常问的面试题和答案汇总在我 Github 的 Weekly-FE-Interview 中。希望对大家有所帮助。 如果你在bat面试的时候遇到了什么不懂…

类数组对象：arguments对象NodeList（比如 document.getElementsByClassName(‘a’) 得到的数据集typedArray 类数组不能调用数组原型上的方法…

写在前面 由于公司的产品需要兼容 IE8 浏览器，在做登陆时，发现一个问题，placeholder 在input = text 情况下，显示还算正常，但在 input = password 就变成了两个点，百度，gg很多…

两列或三列布局 使用flex float 左右position:absolute,中间margin-left,margin-right 圣杯和双飞翼布局，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 <…

表单元素 1. input 单行文本框 <input type="text"> 密码框 <input type="password"> 单选按钮 <input type="radio">…

LESS 是一门CSS预编译语言，犹记得当初打算使用CSS预编译语言的时候，可选的有SASS、LESS、Stylus三门，刚好那个时候在学习bootstrap，bootstrap项目中样式就是less写的，从此就结下了于…

前戏：前几篇文章其实都是些基础必备的，什么变量、继承、占位符、混合宏…这回来高级点的，玩玩Sass 自带的一些函数…有字符串函数(String Functions)、数字函数(Number Fun…

CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: text-align:center; 单行文字的垂直居中： line-height:30px; height:30px; 让有宽度的div水平居中： ma…