每一种美，都会有一双眼睛能看到；每一份爱，总会有一颗心会感受到。

随笔分类 -  css

1 2 3 4 5 下一页
CSS3属性transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）
摘要：在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。 一.旋转 rotate 用法：transform: rotate(45deg); 共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作 阅读全文
posted @ 2018-05-29 10:08 温暖向阳Love 阅读(1010) 评论(0) 推荐(0)
中文字体引用及压缩
摘要：中文字体引用（如思源雅黑） 第一步： 网站下载字体： http://www.downcc.com/font/326030.html 第二步：百度 @font-face生成器 （字客网 https://www.fontke.com/tool/fontface/ 生成不同格式和字体和样式，页面引用即可） 阅读全文
posted @ 2018-05-19 17:38 温暖向阳Love 阅读(2810) 评论(0) 推荐(0)
iPhone Safari下iframe不显示滚动条无法滚动的解决方法
摘要：在iframe外层包一层div，添加如下样式：style="-webkit-overflow-scrolling:touch;overflow:auto;" @media only screen and (-webkit-min-device-pixel-ratio : 1.5),only scre 阅读全文
posted @ 2016-12-27 09:23 温暖向阳Love 阅读(1321) 评论(0) 推荐(0)
视区相关单位vw, vh..简介以及可实际应用场景
摘要：这篇文章发布于 2012年09月24日，星期一，01:15，归类于 css相关。 阅读 37012 次, 今日 12 次 by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2 阅读全文
posted @ 2016-03-01 11:04 温暖向阳Love 阅读(730) 评论(0) 推荐(0)
代码编辑器Sublime Text 3 免费使用方法与简体中文汉化包下载
摘要：Sublime Text这款代码编辑器是Jeff 一直都在使用的，前段时间转用到版本3，因为感觉Sublime Text 3 启动速度更加快，运行更加流畅——虽然3 还是在Beta 阶段。下面就直接分享免费使用方法（你懂的）与汉化包下载，Sublime Text的介绍就不在这里累赘了。Sublime... 阅读全文
posted @ 2015-12-16 10:21 温暖向阳Love 阅读(1154) 评论(0) 推荐(0)
网站中使用中文个性字库字体--@font-face解决方案探索 l（转）
摘要：最近的项目有用到特别中文字体，最终效果如下图：红线标记处均为字体，可选中，交互起来，比图片方便太多了。解决思路就是将体积巨大的中文字库，取子集，只包涵要使用的那部分文字，因此体积就很小了（包含100字左右的中文字，也只有50K左右，如下图：）。英文字库因为本身就小，就没必要再这么做了。为了实现以上“... 阅读全文
posted @ 2015-12-15 10:53 温暖向阳Love 阅读(989) 评论(0) 推荐(0)
修改ie的默认值 为ie10
摘要： 阅读全文
posted @ 2015-09-25 10:51 温暖向阳Love 阅读(792) 评论(1) 推荐(0)
css3动画效果
摘要：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate）[css] view plaincopy-webkit-transform:rotate(10deg); -moz-tran... 阅读全文
posted @ 2015-09-16 10:04 温暖向阳Love 阅读(329) 评论(1) 推荐(0)
CSS Bugs 解决方案
摘要：说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法：#tes... 阅读全文
posted @ 2015-06-16 15:45 温暖向阳Love 阅读(233) 评论(0) 推荐(0)
cursor 手型样式
摘要：cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。cursor:pointer ：是CSS2.0... 阅读全文
posted @ 2015-06-04 16:11 温暖向阳Love 阅读(1181) 评论(0) 推荐(0)
网站可用字体
摘要：Arial, "微軟正黑體", sans-serif"Microsoft YaHei"; 阅读全文
posted @ 2015-04-09 15:08 温暖向阳Love 阅读(220) 评论(0) 推荐(0)
CSS hack整理(更新于20141109)
只有注册用户登录后才能阅读该文。
posted @ 2015-03-19 10:10 温暖向阳Love 阅读(12) 评论(0) 推荐(0)
css问题 ie7兼容性问题
摘要：1、响应式网站用百分比时ie7不兼容；试试将margin:0 10% 改为margin-left:15%; 左边是可以的，但是右边就不行了2、ie7的span 里的字会出现白色背景 ，是因为没有定高度，在ie7里单独设个高度即可； 阅读全文
posted @ 2015-03-13 15:03 温暖向阳Love 阅读(292) 评论(0) 推荐(1)
使用Font Awesome替换你的网站图标
摘要：http://fortawesome.github.io/Font-Awesome/whats-new/使用Font Awesome替换你的网站图标******************IE7BUG begin*********************问题：Font-Awesome字体在ie7上不能t... 阅读全文
posted @ 2014-08-14 09:42 温暖向阳Love 阅读(4555) 评论(0) 推荐(0)
iframe 父级元素查找
摘要：$(window.parent.document).scrollTop(0); 阅读全文
posted @ 2013-12-24 11:00 温暖向阳Love 阅读(195) 评论(0) 推荐(0)
禁止复制
摘要： 阅读全文
posted @ 2013-12-24 09:49 温暖向阳Love 阅读(138) 评论(0) 推荐(0)
浏览器版本过低
摘要：http://study.163.com/common/errors/notSupported.htm 谷歌浏览器 Firefox Internet Explorer 8+ 阅读全文
posted @ 2013-11-05 14:16 温暖向阳Love 阅读(476) 评论(0) 推荐(0)
图标字体 应用
只有注册用户登录后才能阅读该文。
posted @ 2013-10-15 14:58 温暖向阳Love 阅读(16) 评论(0) 推荐(0)
FOUC - Flash Of Unstyled Content 文档样式闪烁
摘要：问题描述偶然间看到FOUC这个单词，在Google里找了半天终于发现了它的含义：Flash Of Unstyled Content。它指的是在某些情况下，IE在加载网页时会出现短暂的CSS样式失效。这种问题出现的条件是比较独特的：1. 只发生在Windows上的IE（5.0版本以上）2. 只发生在那些会出现FOUC现象的网页3. IE的临时文件夹中没有缓存过该页面的CSS文件现在用IE访问这个页面，就可以看到FOUC发生的时候的情况（当然前提是你之前没有访问过它，否则可能需要清空IE的临时文件夹再访问）。这个页面的特殊之处在于它的标签里是没有任何的或元素的，它只有这样三行代码：Flash of 阅读全文
posted @ 2013-10-10 15:15 温暖向阳Love 阅读(264) 评论(0) 推荐(0)
css 禅意花园 笔记
摘要：1. FOUC（Flash Of Unstyled Content） 现象( 在某些情况下，IE加载网页时会出现短暂的CSS样式失效。 a: 只发生在Windows上的 IE (5.0版本以上) b: 只发生在那些会出现FOUC现象的网页 c: IE的临时文件夹中没有缓存过该页面的CSS文件) 原因： IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件； 页面头部加一个空的 或 元素可用来避免Windows下IE中可能出现的文档样式短暂失效问题； 阅读全文
posted @ 2013-10-10 15:13 温暖向阳Love 阅读(199) 评论(0) 推荐(0)

1 2 3 4 5 下一页