作者:陈大鱼头转发链接:https:mp.weixin.qq.comstLD4Rfr2c-MAXXtbC7nEwQ前言CSS 选择器是 CSS 世界中非常重要的一环。在 CSS 2 之后,所有的 CSS 属性都是按模块去维护的。CSS 选择器也是如此,然而如今也已经发布了第四版 —— CSS Selectors Level 4 ,这一版最早的草案发布于201 …
文章教程
BFC块状格式化上下文(block formatting context)简称 BFC:是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。如何触发BFC?根元素(html): 最大的BFCposition 设置为 fixed 或者 absolutedisplay 设置为 inline-block 、table-block 、 table-c …
前言上篇文章主要讲述了CSS样式更改中的过渡、动画基础知识,这篇文章我们来介绍下CSS样式更改中多列、元素是否可见、图片透明度知识。。1.多列 DoubleCol1).创建多列div{-moz-column-count:2; * Firefox *-webkit-column-count:2; * Safari 和 Chrome *column-count: …
CSS滤镜函数对于图像的增强效果往往有意想不到的效果,如设置图像灰度、亮度、透明度、饱和度、对比度等。本篇文章主要是介绍几个常见的CSS滤镜函数。本文首发自个人博客“胖蔡叨叨叨”,搜索查看更多有关CSS函数的用法。1、brightnessbrightness()函数是应用于设置图像的滤镜,设置图像的亮度,参数使用百分比,0:表示全黑,100%:表示原图。格式 …
常见的css样式操作单行文本溢出掩藏语法:white-space: nowrap| pre | pre-wrap | pre-line | inheritnowrap:单行文本不换行,文本显示一行;pre: 保留空白(在游览器显示时,保留空格);pre-wrap: 保留空白序列,正常换行;pre-line: 合并空白符序列,但是保留换行符;inherit: …
一直以来,使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的,先看看,非 CSS 方式实现的波浪效果。使用 SVG 实现波浪效果借助 SVG ,是很容易画出三次贝塞尔曲线的。看看效果 …
在AXURE软件中,部件样式可以编辑,但有时却无法满足所有个性化原型的需求。例如文本框部件,可以设置是否隐藏边框,但即使隐藏边框之后,文本框还会有白色的背景。当界面需要一个无背景色的输入框时,对于完美主义者来说,那无法去除的白色背景就显得尤其无法忍受,现在,就让我们用非常规手段,去了它。01建立“文本框背景透明”页面,双击页面名称,打开页面编辑页02“部件” …
在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~1. 文字水平居中将一段文字置于容器的水平中点,只要设置text-align属性即可:text-align:center;2. 容器水平居中先该容器设置一个明确宽度,然后将margin的水平值设为auto即可。 …
作者 | chokcoco来源 | https:juejin.impost5be1023951882516fd36a38e最近一个新的项目,CSS-Inspiration,挖掘了其他很多有关 CSS 阴影的点子,是之前的文章没有覆盖到的新内容,而且有一些很有意思,遂打算再起一篇。不过之前小编也发布了几篇关于CSS相关文章不妨一起来回顾回顾:《手把手整理CSS …
准备echarts脚本文件官网下载最新版本:https:echarts.apache.orgzhdownload.html开源库下载:https:cdn.jsdelivr.netnpmecharts@5.3.3distecharts.min.js5.33改成最新版本的版本号 就可以下载最新版本了下载第三方水球库插件:https:github.comecomf …