文章分类 -  CSS

摘要:原文:https://www.cnblogs.com/herozhou/p/7197715.html chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 阅读全文
posted @ 2020-05-13 10:37 鳳舞九天 阅读(585) 评论(0) 推荐(0) 编辑
摘要:原文:https://www.cnblogs.com/susan-home/p/9362460.html align-content 作用: 会设置自由盒内部所有行作为一个整体在垂直方向排列方式。针对多行作为一个整体在纵轴上的排列方式,该属性对单行无效。 条件:必须对父元素设置自由盒属性displa 阅读全文
posted @ 2020-04-24 16:44 鳳舞九天 阅读(500) 评论(0) 推荐(0) 编辑
摘要:原文:https://www.cnblogs.com/e0yu/p/11444441.html 在使用css3写特效的时候,会遇到比较麻烦的就是css3代码需要大量的调试,但是现在有了wow.js,让写特效变得简单了很多。 wow.js官网 https://www.delac.io/wow/inde 阅读全文
posted @ 2020-04-20 14:50 鳳舞九天 阅读(165) 评论(0) 推荐(0) 编辑
摘要:原文:https://www.cnblogs.com/roashley/p/7752598.html 现在的网站和App的设计中越来越重视用户体验,而优秀的动效则能使你的应用更具交互性,从而吸引更多用户的使用。 如果你对CSS3中定义动效还不熟练,或希望采用更加简单直接的方式在你的应用中引入动效的话 阅读全文
posted @ 2020-04-18 12:25 鳳舞九天 阅读(531) 评论(0) 推荐(0) 编辑
摘要:原文:https://www.jianshu.com/p/19e70670b218 WOW.js的使用入门,什么是WOW 首先在github上下载, http://mynameismatthieu.com/WOW/ WOW是animate.css的好朋友,一开始的时候动画效果并不会出现,只有当界面滚 阅读全文
posted @ 2020-04-11 09:56 鳳舞九天 阅读(117) 评论(0) 推荐(0) 编辑
摘要:原文:https://segmentfault.com/a/1190000016476981 大家好,这里是@IT·平头哥联盟,我是首席填坑官——苏南(South·Su),今天要给大家分享的是SVG Sprites(也叫雪碧图),所谓雪碧图,当然就不是我们常喝的雪碧饮料(Sprites)哦,哈哈~ 阅读全文
posted @ 2019-08-22 15:24 鳳舞九天 阅读(456) 评论(0) 推荐(0) 编辑
摘要:版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/Angular_/article/details/62426359只需要给p元素添加属性即可,之前找了很多都不行 css代码: 这个不能设置固 阅读全文
posted @ 2019-08-22 09:38 鳳舞九天 阅读(576) 评论(0) 推荐(0) 编辑
摘要:记得以前某某某天上午被设计师“调戏”了,记忆犹新啊,就是因为一个项目(PC和移动)中的字体问题,纠结了一上午,设计师非要字体效果跟设计稿上保持一致。那时那刻,我已无语,但是话说回来,大家都是为了项目的质量,所以得放平心态,反思,于是“诞生了”今天下午要分享的话题:CSS中的字体设置。 谈到“CSS中 阅读全文
posted @ 2019-08-21 10:41 鳳舞九天 阅读(6400) 评论(0) 推荐(2) 编辑
摘要:原文地址:https://www.cnblogs.com/pandoraCat/p/4462050.html 1.元素的显示方式: display:inline 表示,元素做为内联元素显示,两个或者多个内联元素可以并列成一行显示;常见的内联元素如:span strong 标签;内联元素的特点是:(1 阅读全文
posted @ 2019-08-02 11:34 鳳舞九天 阅读(2264) 评论(0) 推荐(0) 编辑
摘要:原文地址:https://segmentfault.com/a/1190000015468617 1 什么是伪元素? CSS 在渲染文档的时候,伪元素可以通过 css 给 HTML 添加一个元素(叫标签也行),这个元素在文档树中是找不到的。伪元素被当做 CSS 的样式来进行展现,用法和普通的元素用法 阅读全文
posted @ 2019-07-12 14:36 鳳舞九天 阅读(197) 评论(0) 推荐(0) 编辑
摘要:原文地址:https://segmentfault.com/a/1190000003711146 虽然标题里写的是伪元素,不过这篇文章主要是说::before和::after,其余几个伪元素(::first-letter、::first-line、::selection等)由于没有content属性 阅读全文
posted @ 2019-07-12 14:34 鳳舞九天 阅读(1063) 评论(0) 推荐(0) 编辑
摘要:from:http://oli.jp/2010/css-animatable-properties/ CSS animatable properties This is a reordered list of animatable CSS properties and their animatabl 阅读全文
posted @ 2019-07-11 13:54 鳳舞九天 阅读(214) 评论(0) 推荐(0) 编辑
摘要:原文:http://newhtml.net/behind-css3-transitions/ CSS3 过渡效果(transition)为网页世界带来了简单、易用的动画效果,但简单的外表之下还隐藏着一些不能忽视的细节。 本文的全部内容均翻译自http://blog.alexmaccaw.com/cs 阅读全文
posted @ 2019-07-11 13:52 鳳舞九天 阅读(417) 评论(0) 推荐(0) 编辑
摘要:作者:数据架构师 来源:CSDN 原文:https://blog.csdn.net/luanpeng825485697/article/details/77752629 版权声明:本文为博主原创文章,转载请附上博文链接! 阅读全文
posted @ 2019-07-11 13:19 鳳舞九天 阅读(1555) 评论(0) 推荐(2) 编辑
摘要:原文地址:https://segmentfault.com/a/1190000011058611 移动端开发 a标签中的href属性,在去除跳转需求,事件选用click而不是tap,tap使用会失效。 此外注意的地方有两点: 强制文本显示 单行显示语法: 让一段文字在固定宽度在一行显示,最后一个字符 阅读全文
posted @ 2019-07-11 11:21 鳳舞九天 阅读(182) 评论(0) 推荐(0) 编辑
摘要:原文:https://segmentfault.com/a/1190000016089746 text-overflow是CSS3中的属性,它规定了当文本溢出其包含元素时以何种方式显示。但在使用的时候,有时会发现这个text-overflow设置了属性怎么不起作用呀?现在我们就来踩踩这里面的坑。 t 阅读全文
posted @ 2019-07-11 11:17 鳳舞九天 阅读(5446) 评论(0) 推荐(1) 编辑
摘要:用于移动端的效果还不错 自己制作页面:http://www.ysedu.com/zt/wxms.html 参考文章:https://blog.csdn.net/u013018357/article/details/77483293 文档:https://www.html.cn/book/css/we 阅读全文
posted @ 2019-05-16 11:11 鳳舞九天 阅读(322) 评论(0) 推荐(0) 编辑
摘要:文章目录 一、行高(line-height)法 二、内边距(padding)法 三、模拟表格法 四、CSS3的transform来实现 五:css3的box方法实现水平垂直居中 六:flex布局(2018/04/17补充) 文章目录 一、行高(line-height)法 二、内边距(padding) 阅读全文
posted @ 2019-05-09 18:02 鳳舞九天 阅读(10503) 评论(0) 推荐(0) 编辑
摘要:地址:https://class.imooc.com/static/module/??common/css/common-less.css,sale2/css/sale-less.css,sale2/css/common-less.css?v=1557392024 阅读全文
posted @ 2019-05-09 17:24 鳳舞九天 阅读(581) 评论(0) 推荐(0) 编辑
摘要:临时用来展示table的样式,还可以 阅读全文
posted @ 2019-05-09 14:00 鳳舞九天 阅读(934) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示