随笔分类 -  CSS

摘要:解决方案:加上 !important 示例: .button-list > button:hover{ background: rgba(4, 81, 148, 0.33) !important; color: #80DFF6 !important; } 原因 js优先权高于css,所以使用js操作 阅读全文
posted @ 2020-01-15 17:09 qianbuhan 阅读(312) 评论(0) 推荐(0)
摘要:可以对元素进行移动、缩放、转动、拉长或拉伸。 translate():移动 rotate():顺时针旋转 scale():缩放 skew():拉伸 matrix():综合 -ms-:IE 9 -webkit-:Safari and Chrome translate() 根据左(X轴)和顶部(Y轴)位 阅读全文
posted @ 2020-01-10 11:32 qianbuhan 阅读(133) 评论(0) 推荐(0)
摘要:CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 CSS3 定义了两种类型的渐变: 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 -- linear-gradient 径向渐变(Radial Gradients)- 由它们的中 阅读全文
posted @ 2020-01-10 11:05 qianbuhan 阅读(265) 评论(0) 推荐(0)
摘要:Flex是Flexible Box的缩写,就是“弹性布局”。 设为flex布局以后,子元素的float、clear和vertical-align属性将失效。 采用Flex布局的元素,称为Flex容器(flex container),简称“容器”。它的所有子元素自动成为容器成员,成为flex项目(fl 阅读全文
posted @ 2020-01-09 10:01 qianbuhan 阅读(175) 评论(0) 推荐(0)