按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片切换效果https://codepen.io/suez/full/… 可交互的粒子撞击效果https://codepen.io/d…

前两种方法称为大致居中，一般误差随高度的减小而减小，不过一般来说不怎么看得出来，除非你用javascript调用offsetTop来查看。不然没有强迫症的比较难看出来。但是兼容性很好，尤其是table-cell的从IE6…

概述 相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一…

[github地址：https://github.com/ABCDdouyae…] concat-stream 类似于一个流的收集器，将读取的流全部存储于该容器 用法：pipe(concat((e)=>…

张鑫旭的CSS深入理解之border学习笔记 border-width border-width不支持百分比，原因是边框本身具有宽度固定的意义，不同设备的边框不会因设备宽度而等比改变。因此从语义上来说，边框支持百分比毫无…

水平居中 行内元素 text-align .parent { text-align: center; } 定宽块元素 常规流中 margin: 0 auto; .child { width: 200px; margin:…

HTML与XHTML —— 二者有什么区别，你觉得应该使用哪一个并说出理由。 1.XHTML必须被正确的嵌套，如<p></p>则会报错2.XHTML必须被关闭3.标签名必须用小写字母4.XHTML…

参考链接 整理搬运css垂直水平居中方法，区分内联元素与块级元素 CSS垂直居中和水平居中 【原】用css让一个容器水平垂直 内联元素居中方法 水平居中设置: 行内元素 设置 text-align:center; Fle…

flex 之前是怎么布局的 normal flow (文档流) float position display inline-block 负maring flex 介绍 特点： 块级布局侧重垂直方向、行内布局侧重水平方向，…

前言 如果你是实习生/应届生，正在准备面试前端开发岗位，那么这篇文章就是为你准备的！很多同学在需要用到简历时，可能会从网上直接下个模版，然后填填改改1小时不到就搞定了。每当投出去，就“石沉大海”，没有下文！多年来笔者浏览…

Box-sizing 尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。 .div { width: 150px; height: 100px; border…

1.背景图片失真 .con{ height:100vh; width:100vm; background: url(../../assets/login/background.png) 100% 100%; backgr…