
CSS
BYYDMNZ
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS伪选择器
伪选择器伪选择器是一种特殊的选择器,它分为伪类选择器和伪对象选择器2种。1.伪类选择器CSS提供了五种基本伪类选择器,分别对应HTML标记的五种状态。伪类选择器作用应用对象:hover定义标记在鼠标悬停(划过)时的样式所有显示标记:link定义标记在超链接状态下的样式a标签:focus定义标记在获取焦点时的样式a标签(IE浏览器不支持):visited定义标记被访问过后的样式a标签:active定...原创 2018-03-13 16:33:15 · 3546 阅读 · 0 评论 -
前端面试题之CSS两栏布局(左栏固定,右栏随父级宽度改变)
今天去面试,面试官问了一道很常见的CSS布局题目。实现两栏布局,左栏固定宽度,右栏宽度与父级容器宽度一致,随父级容器宽度改变而改变。下面是实现代码:大致思路是给父级容器设置padding-left为左栏的宽度,给左栏设置绝对定位,定位至父级容器的左边left:0px,右栏设置宽度为100%,此时右栏的宽度随父级的宽度改变,右栏的宽度始终等于父级的宽度。例子中右栏width=800px。<di...原创 2018-06-20 22:42:43 · 798 阅读 · 0 评论 -
解决Vue引用Swiper4插件无法重写分页器样式问题
最近在尝试用nuxtjs来搭建新的站点,但是平时在jquery里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue里面引用插件就不累赘了,npm能告诉你~Swiper的分页器是靠mounted()挂载到Vue组件上而不是直接写在template里,所以在style scoped中写的样式无法作用到分页器的点上。解决办法是...原创 2018-07-28 16:11:17 · 3309 阅读 · 1 评论 -
纯CSS实现鼠标划过图片闪光效果 告别gif
原理hin简单,图片hover的时候移动“闪光”标签的位移,“闪光”标签由渐变白色组成。废话不多说,放出代码:li中的图片可以用自己的图片代替,为了更加逼真,可以改变标签的移动速度或者倾斜角度。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-08-17 09:28:11 · 1879 阅读 · 0 评论