配合meter元素,纯CSS也能实现3色状态带强中弱提示的密码强度效果,有基础有深入,本文可以学到的东西挺多。
阅读全文…
标签:gradient, html, input, label, mask, meter, optimum, Safari, 伪元素 发布在 CSS相关, HTML相关 | 22 条评论 »
虽然目前项目符号支持的关键字值接近上百个,但是还是不能满足日常开发的需求,在这种情况下,@counter-style 出现了,可以让我们自定义计数规则。
标签:@counter-style, content, CSS计数器, list-style-type, symbols, system, 列表, 字符 发布在 CSS相关 | 8 条评论 »
CSS悄然发展,已有CSS行为也跟着发生了变化,content属性就是其一,现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容,背后的原理和机制是什么呢?
标签:content, css相关, 伪元素, 替换元素 发布在 CSS相关 | 2 条评论 »
推荐我的新书《CSS新世界》,我为自己代言,点击进入了解关于本书更多信息。
标签:css3, CSS世界, CSS新世界, CSS选择器世界, 选择器 发布在 CSS相关 | 34 条评论 »
分享一点关于Web中空格排版的小知识,希望对大家的学习有所帮助。
标签:css相关, nowrap, pre-wrap, white-space, 字符换行, 空格 发布在 CSS相关 | 5 条评论 »
本文介绍如何使用纯CSS方法,实现某个元素在水平滚动的时候跟着滚,垂直滚动的时候固定效果,反之同样适用,丰富demo,有视频效果示意,希望可以帮到您的学习。
标签:css相关, position, sticky, 滚动, 滚动条, 粘性定位, 表格 发布在 CSS相关 | 9 条评论 »
HTML中有个属性draggable可以设置元素能否拖拽,那么CSS中有没有什么属性可以设置元素的拖拽权限呢?
标签:-webkit-user-drag, css相关, draggable, user-modify, user-select, 拖拽 发布在 CSS相关 | 11 条评论 »
本文展示大量使用HTML hr标签实现的分隔线效果,语义好,效果也好,直接复制粘贴就能使用,进来看看CSS + hr标签能玩出什么花吧~
标签:border-image, hr, html, mask-image, radial-gradient, repeating-linear-gradient, 波浪线, 虚线, 边框 发布在 CSS相关, HTML相关 | 9 条评论 »
CSS revert是一个新出来的全局关键字,在使用display显示元素的时候,revert可以提高我们的开发体验,简化我们的实现。
标签:all, css相关, display, list-item, revert, 全局关键字 发布在 CSS相关, JS实例 | 7 条评论 »
line-height属性大家都知道,那么CSS line-height-step属性又是什么作用呢?一起来一探究竟吧。
标签:line-height, line-height-step, 行高 发布在 CSS相关 | 4 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎头条B站Gitee