好久没写文章了,主要用来沉淀顺便来学习一下新技术,今天来研究一下h5活动页面中的一些问题。 查看demo https://github.com/majiang666/h5-active 查看完整代码,请移步github,欢迎star 我们经...
css
解决less中calc无法正确计算的方法
工作中在less中用到了calc的属性,但是打包工具直接报错,下边是解决方法: 在表达式前加上“~”字符即可正确解析 代码: div{ height: calc(~"100%-100px") } 转自: https://blog.csdn.net/pan...
纯css实现星级评分
最近用到一个五星评分的功能,其实找了很多都不太满意,正如本文要介绍的插件作者所说,找不到一个简单、易用的插件,所以自己造了一个轮子来实现了一个starability,除了基本的功能之外,还有各种动画,也是我...
[转]关于z-index 那些你不知道的事
CSS当中的z-index属性看起来足够简单,但是如果你真的想了解它是如何工作的话,在这简单的表面之下,又有许多值得探究的内容。 在这篇教程中,通过探究层叠上下文和一系列实际的例子,我们将会阐明z-index的内在...
css实现单行文本及多行文本垂直居中
方法一:用flex来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> &...
css3点击翻转展示卡片效果
<!DOCTYPE html> <html > <head> <title>test</title> <meta http-equiv="content-type" content="text/html" charset="utf-8"> <meta name="author" c...
CSS实现长宽比的三栏广告位
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" conten...
用 CSS 实现元素垂直居中,有哪些好的方案?
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行:parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transf...