![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 64
qq_21700537
这个作者很懒,什么都没留下…
展开
-
CSS div文本垂直居中
CSS div文本垂直居中 问题:vertical-align,在div中设置文本垂直居中,是不起作用的。那怎么样设置div的文本垂直居中哦!关于"CSS文本垂直居中"的文章在网上可以找到很多,它们主要涉及3种方法:1、单行文本垂直居中:方法:把文本段落高度(line-height)和所在区域高度(height)设为一致即可。缺点:这种方法只转载 2017-08-31 11:41:02 · 314 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略转载 2017-09-04 16:21:53 · 342 阅读 · 0 评论 -
自定义单选按钮、复选框
单选按钮 / 复选框 样式自定义 一直以来都对单选按钮(radio) / 复选框(checkbox) 的默认样式感到头疼,不够美观!恰好学习css3 学到了一个选择器 :checked,学着做了一个简单的样式自定义。主要的思想在于:设置自带的样式的透明度为0,然后使用绝对定位混淆视听 先来说说单选按钮 代码如下: css:转载 2017-10-09 17:28:21 · 249 阅读 · 0 评论 -
纯css炫酷旋转
无标题文档html { background: black;}div { -webkit-animation: spinny 60s ease-in-out infinite; animation: spinny 60s ease-in-out infinite; border-radius:0%; width: 6转载 2017-01-19 10:40:51 · 188 阅读 · 0 评论 -
如何用纯CSS将图片填满div,自适应容器大小,已有两个不太完善的方案
我有一个模板,想按常规做一个div里面放置一个img图片,并且让图片铺满容器,自适应容器大小。HTML结构代码如下(在这个盒模型上,我已经放置了一些不重要的样式)。<div style="height:270px;width:400px;border:2px black solid;"> <a href="http://www.paipk.com"><img ...转载 2018-04-10 18:09:03 · 7685 阅读 · 2 评论 -
CSS3 object-fit理解 以及object-fit的兼容性,包括兼容IE9+浏览器
本文还是着重讲下object-fit:cover,特别是关于object-fit:cover的兼容性问题,如何去兼容更多浏览器。具体的object-fit:cover用法请看《object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片》下面简单讲述下object-fit的含义以及如何提高兼容性,比如兼容IE!object-fit理解CSS3 background-size出现的比...转载 2018-06-22 11:27:25 · 20619 阅读 · 4 评论 -
多行文本溢出显示省略号(…)全攻略
多行文本溢出显示省略号(…)全攻略发表于 2014年09月30日 by 愚人码头 被浏览 548,960 次 分享到: 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度...转载 2018-07-04 09:25:41 · 262 阅读 · 0 评论 -
用wow.js实现页面滚动时触发animate.css动画特效
有时候项目需要一些动画来提升用户体验,吸引用户注意力。这时wow是个不错的选择wow.js依赖animate.css,不需要jquery;animate.css是纯css动画 官网:http://mynameismatthieu.com/WOW/建议去官网一看bootstrap CDN服务:http://www.bootcdn.cn/wow/ 当您滚动时显示动画。非常Animate.css朋友:-...转载 2018-07-11 16:37:14 · 961 阅读 · 0 评论 -
css3美化滚动条样式
1.改变浏览器默认的滚动条样式::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性background-color:#f8f8f8;}::-webkit-scrollbar {//滚动条的宽度width:9px;height:9px;}::-webkit-scrollbar-thumb {//滚动条的设置backgr...转载 2019-06-28 22:36:56 · 557 阅读 · 0 评论