学习如何用CSS变量创建网页响应布局 — css var()

2019-01-14
阅读 3 分钟
3.1k
在创新的2018年已经过去,在2019年看看如何简单做成响应性的网站 如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置呦。 从本质上讲,CSS变量可以让你摆脱老式的样式设置: {代码...} / …而是主张这样写: / {代码...} 这样的语法...

八种方法实现CSS页面底部固定

2019-01-08
阅读 3 分钟
40.2k
当我们在写页面时经常会遇到页面内容少的时候,footer会戳在页面中间或什么?反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底部,

3D文本悬停改变效果

2019-01-03
阅读 1 分钟
1.6k
html {代码...} css {代码...} 查看效果

火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题

2018-12-26
阅读 1 分钟
3k
一般在开发管理系统的时候经常会用到表格,在使用表格式时通常会给thead部分的th或td加上背景色然后还有边框颜色,在这种情况下浏览器基本都显示正常的,但是当给th或td加上position: relative时火狐浏览器就会显示th或td的边框被遮盖,只显示一片背景色没有边框,如下请在火狐浏览器查看,

11种方法实现一个tips带有描边的小箭头(更新中...)

2018-12-25
阅读 6 分钟
3.2k
我们在网页开发中实现一个tips时会有一个小箭头,实现这种方法的文章网上已经泛滥了,但有时实现这个小箭头不止只有单纯的三角它还有描边,今天我们就借那些现有的文章在深入一点来说说如何给tips小箭头描边,本章不涉及svg/canvas,没必要因为我讲的是css。

js模板引擎art template数组渲染的方法

2018-10-09
阅读 2 分钟
4.6k
JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高、错误处理调试优,执行速度快的有artTemplate(腾讯 14k)、juicer(国外 12k)这俩个,doT除了错误处理调试差以外其他的都和这两个一样,他有一个优点是小(4k),扯远啦。

利用transform skewX制作平行四边形导航菜单

2018-10-09
阅读 2 分钟
2.6k
平行四边形其实是矩形的超集:它的各条边是两两平行的,但各个角则不一定都是直角。在视觉设计中,平行四边形往往可以传达出一种动感。让我们试着用 CSS 创建一个按钮状的平行四边形链接。我们的起点就是一个普通的块状按钮,辅以一些简单的样式,然后,我们可以通过 skew() 的变形属性来对这个矩形进行斜向拉伸: