随笔分类 -  css系列

CSS3 @media 查询，根据屏幕screen大小调节前端显示；媒体查询方法的使用
摘要：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)
CSS - 如何实现强制不换行、自动换行、强制换行
摘要：来源：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 意为可缩放矢量图形（Scalable Vector Graphics）。 SVG 使用 XML 格式定义图像。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 使用 XML 格式定义图形 SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG 是 阅读全文
posted @ 2018-02-07 14:14 脚本小娃子 阅读(744) 评论(0) 推荐(0)
CSS3的animation功能
摘要：旋转动画 参考： 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)
CSS的伪元素和伪类
摘要：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:图标字体，完全CSS控制
摘要：Font Awesome是一种web font，它包含了几乎所有常用的图标，比如Twitter、facebook等等。用户可以自定义这些图标字体，包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点： 它的缺点是： 下面是全部的Font Awesome图标： 阅读全文
posted @ 2017-07-21 17:52 脚本小娃子 阅读(605) 评论(0) 推荐(0)
What's New In DevTools (Chrome 59)来看看最新Chrome 59的开发者工具又有哪些新功能
摘要：原文：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中!important的作用
摘要：参考 CSS的原理： CSS写在不同的地方有不同的优先级， .css文件中的定义的优先级小于元素style中的属性的优先级，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码： 虽然元素的style中有testClass类的定义，但是在上面的css定义中的用!import 阅读全文
posted @ 2017-06-29 15:08 脚本小娃子 阅读(447) 评论(0) 推荐(0)