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