![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 77
狼牙冷
感恩 分享 提升
展开
-
SASS安转及编译指南
SASS是Ruby语言编写的,但是两者之间的语法是没有任何关系的,只不过你要想使用sass之前你得必须先安装Ruby,点击此处可前去下载Ruby;安装好之后就可以安装SASS了。安装Ruby步骤是无脑下一步,此处不在介绍;当你安装好Ruby之后现在可以安装SASS了。在命令行中输入:gem install sass装好之后就可以使用了sass文件其实就是普通的的文件,后缀名是.sc原创 2016-12-27 15:09:57 · 285 阅读 · 0 评论 -
compass用法
Compass相对于是sass的工具库(toolkit)一、安装compass也是Ruby语言开发的,所以安装compass之前也要先安装下Ruby(请参考sass介绍的地址安装ruby);假设你的机器(Linux或OS X)已经安装好Ruby,则要在下面命令行模式中输入:sudo gem install compass如果你的机器是Windows系统那么要省略前面的sudo,原创 2016-12-27 15:44:55 · 687 阅读 · 0 评论 -
动画学习之Animate.css
首先给个地址查看下效果:http://www.jq22.com/yanshi819animate.css的主页简单明了,能演示各个动画的效果,目的也很简单,“just-add-water css animations”。不多说,直接上学习资料:官方github使用方法:(当然你得引入animate.css)一、静态使用给需要动画的元素添加原创 2017-08-02 18:29:57 · 346 阅读 · 0 评论 -
浏览器样式兼容之CSS hack技巧大全
原文链接点击打开链接兼容范围:IE:6.0+,FireFox:2.0+,Opera 10.0+,Sarari 3.0+,Chrome参考资料:各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+><]√√XXXX_√XXXXX\9√√√XXX\0XX√X√X@media screen and (-webkit-min-device-pixel-ratio:...转载 2018-04-17 11:08:54 · 267 阅读 · 0 评论 -
css 单行或多行多出文字加省略号
单行:overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行多行(2行以上)overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertic...原创 2018-07-24 15:50:57 · 335 阅读 · 0 评论 -
功能强大的最新HTML5实例
HTML5非常强大,今天我们再一次向大家分享8款功能强大的最新HTML5特效实例,包含菜单、图片、Canvas动画等,一起来欣赏吧。1、HTML5 Canvas画板画图工具 可定义笔刷和画布HTML5 Canvas还有一个比较实用的应用,那就是网络画板,这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5 Canvas画图工具就可以简单实现网络画图的功能,我们可以自...转载 2018-09-13 13:41:46 · 1180 阅读 · 0 评论 -
transform的高级用法
前面我们学习了css3的transform属性了,但是总觉得例子不够充分,不够具体,本文就是再次讲解css3的变形(transform)的用法和实例演示。 Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们...转载 2018-09-15 11:20:31 · 8270 阅读 · 0 评论 -
页面引入外部字体ttf,如何提取所需要的ttf字体或者加载过慢的解决方法
最近几天编写手机端的页面之后,文中需要华文行楷字体,在网上下载后,引入到了自己的前端页面,以为没有什么事了,继续码代码@font-face { font-family:huawen; src: url(./css/华文行楷.ttf); } body{ ...转载 2018-09-20 14:26:07 · 5915 阅读 · 0 评论