css
张兴华(MarsXH.Chang)
行动是治愈恐惧的良药,犹豫拖延将不断滋生恐惧!
展开
-
css父元素透明度(opacity)对子元素的影响
首先子元素会继承父元素的透明度: 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。其次子元素的透明度是基于父元素的透明度计算的: 设置父元素opacity:0.5,即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。解决办法原创 2017-12-21 16:40:08 · 6725 阅读 · 1 评论 -
HBuilder里面用ie打开页面没有css样式的问题
HBuilder里面打开页面用ie会没有css样式,当地址包含中文字的时候,经本人测试,发现当地址:http://127.0.0.1:8020/租赁系统/订单.html 无法应用css样式。解决办法1:应该将html的文件名改为英文。http://127.0.0.1:8020/%E5%AE%98%E7%BD%91%E4%BA%A4%E8%A1%8C/%E6%A0%B8%E5%AF%B9%E原创 2018-01-29 14:37:20 · 4649 阅读 · 0 评论 -
css实现背景图片颜色渐变
background: url(../img/banner2.png)no-repeat,linear-gradient(0deg, #003DAC,#3371E3);background: url(../img/banner2.png)no-repeat,-webkit-linear-gradient(0deg, #003DAC,#3371E3);background: url(../img/原创 2018-04-10 10:36:07 · 1604 阅读 · 1 评论 -
css实现单、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行: text-overflow: ellipsis; display: -webkit-box; -w原创 2018-04-10 15:00:14 · 220 阅读 · 0 评论 -
Flex 布局教程
引用 阮一峰 老师的文章: Flex布局教程转载 2018-04-11 09:45:13 · 239 阅读 · 0 评论 -
安利-在线图片优化器
最近在项目上,有些图片实在太大,导致加载缓慢,于是想到进行无损图片压缩,然后找到了连个很好的在线图片优化器,基本都是无损的喔,而且平均压缩率都能达到50%以上。第一个:Optimizilla 这个在线图像优化器使用最佳优化和压缩算法来达到最小尺寸的JPEG和PNG图像,同时保证最佳质量/尺...原创 2018-04-26 11:49:01 · 1138 阅读 · 0 评论 -
CSS hack代码汇总
例如现有CSS代码如下:.divContent{ background-color:#eee;}那么下面我们就来写一下,如何使代码兼容几个主流浏览器。/* IE8+ */.divContent{ background-color:#eee\0;}/* IE8、IE9 */.divContent{ background-color:#eee\8\9\0;}...原创 2018-10-30 10:56:33 · 904 阅读 · 0 评论 -
css 3D 旋转 - Demo
今天玩了下 css 3D 旋转,顺便写了一个小 Demo只写了一个 hover 向上翻转的,其他效果基本类似,就没多写,了解原理即可,可自行扩展。先简单贴个效果图直接上代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <m...原创 2019-06-03 16:11:50 · 1702 阅读 · 0 评论