随笔分类 -  css系列

摘要:1.媒体查询方法在 css 里面这样写 @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media only screen and (min-width: 321px) and (max-width 阅读全文
posted @ 2018-11-04 23:10 脚本小娃子 阅读(7506) 评论(0) 推荐(0)
摘要:来源:http://www.cnblogs.com/mcat/p/4884644.html 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ wo 阅读全文
posted @ 2018-05-03 21:12 脚本小娃子 阅读(3053) 评论(0) 推荐(0)
摘要:SVG 意为可缩放矢量图形(Scalable Vector Graphics)。 SVG 使用 XML 格式定义图像。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 使用 XML 格式定义图形 SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。 SVG 是 阅读全文
posted @ 2018-02-07 14:14 脚本小娃子 阅读(744) 评论(0) 推荐(0)
摘要:旋转动画 参考: 1、http://www.w3school.com.cn/cssref/pr_animation.asp 2、http://www.runoob.com/cssref/css3-pr-flex.html 阅读全文
posted @ 2018-02-07 10:31 脚本小娃子 阅读(838) 评论(0) 推荐(0)
摘要:css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类—— :hover, :active, :visited, :focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after 阅读全文
posted @ 2017-07-26 11:54 脚本小娃子 阅读(235) 评论(0) 推荐(0)
摘要:Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点: 它的缺点是: 下面是全部的Font Awesome图标: 阅读全文
posted @ 2017-07-21 17:52 脚本小娃子 阅读(605) 评论(0) 推荐(0)
摘要:原文:https://developers.google.com/web/updates/2017/04/devtools-release-notes#command-menu 参考:https://developers.google.com/web/tools/chrome-devtools/ui 阅读全文
posted @ 2017-07-13 20:52 脚本小娃子 阅读(484) 评论(0) 推荐(0)
摘要:参考 CSS的原理: CSS写在不同的地方有不同的优先级, .css文件中的定义的优先级小于元素style中的属性的优先级,但是如果使用!important,事情就会变得不一样。 首先,先看下面一段代码: 虽然元素的style中有testClass类的定义,但是在上面的css定义中的用!import 阅读全文
posted @ 2017-06-29 15:08 脚本小娃子 阅读(447) 评论(0) 推荐(0)