css
css学习记录
bzcoder
这个作者很懒,什么都没留下…
展开
-
hover效果移除时元素还原太生硬的情况
今天敲代码时发现一个有趣的问题,以前用transition都是只为了发生时的效果,但今天做一个悬停放大图片的效果时发现还原的时候没有像hover时的过渡效果,特别生硬,后来才发现transition在还原的时候的也有应用。 .show-items img{ transition: all .3s; } .show-items a:hover img{ transform: scale(1.1); transition: .3s; } ...原创 2020-06-01 19:20:58 · 552 阅读 · 0 评论 -
css获取行间样式及读写权限,获取伪元素
div.style.width获取的是行间样式,他是可以读写的 注意是行间样式,当读取时,不能读取其css属性,而是行间样式 window.getComputedStyle(div,null).width 查询计算样式 只读,不可写 他获取的属性是最终表现出来的属性,当然可以获取到css 后面的null就是你想获取的伪元素,例如: window.getComputedStyle(div,“after”).width IE中用的方法 div.currentStyle.width 也是查询计算样式,不过区原创 2020-05-24 10:52:53 · 201 阅读 · 0 评论 -
css table中细线条以及线条间距问题
css table中细线条以及线条间距问题 今天在学习使用js动态生成table,发现了以下容易犯错的地方 首先是线条问题,很明显图中的线条不是我们想要的细线条,这实在太丑了… 那么怎么实现细线条呢,先分析一下为什么会出现这样的丑线条。 我们先给table添加了一个border,这样表格外围就会出现一个边框,但表格内的td并没有设置到,于是又给td设置了border,那问题来了,默认情况下td与...原创 2020-04-17 10:58:50 · 1175 阅读 · 0 评论