文章分类 -  css

我的css学习笔记
CSS换行文本溢出显示省略号
摘要：Author: owenhong 2014-09-17前段时间在公司移动站的重构，遇到了一个产品列表title的需求是只显示两行，然后超过两行的字符用省略号显示。如下图的效果，当时第一感觉是这个需求只能通过后台输出的时候截取字符去处理，或者通过JS计算字符来处理，因为样式无法控制换行文本出现... 阅读全文
posted @ 2015-10-26 11:59 luckymore 阅读(2551) 评论(0) 推荐(0)
像素（px）到底是个什么单位
摘要：我竟然看完了。。。转了吧px，对于许多网页设计者来说，是最常用的CSS长度单位。然而，1px到底多长，恐怕没有多少人回答得上来。CSS长度本身有绝对长度和相对长度的区分。cm、pt之类的都是绝对长度，它们是物理长度——1cm是1/100米，而1米则大约是光在1秒钟内跑过距离的3亿分之一。（至于光速和... 阅读全文
posted @ 2015-05-22 19:12 luckymore 阅读(10407) 评论(0) 推荐(2)
[转载]网页动画的十二原则
摘要：CSS的Animation是一个很有意思的东西，也是CSS中较为复杂也难设计的一部分。熟不知在Web的动画设计中有12个关键原则。在Animation 101将这十二原则剖析出来。今天特意转载@刘英滕翻译《Animation Principles for the Web》的中文。作为前端的设计师和工... 阅读全文
posted @ 2015-05-21 21:50 luckymore 阅读(185) 评论(0) 推荐(0)
移动端记得起个好头
摘要：第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safar... 阅读全文
posted @ 2015-05-05 15:22 luckymore 阅读(128) 评论(0) 推荐(0)
巧用cssText属性批量操作样式
摘要：给一个HTML元素设置css属性，如1234varhead= document.getElementById("head");head.style.width ="200px";head.style.height ="70px";head.style.display ="block";这样写太罗嗦了... 阅读全文
posted @ 2015-04-29 19:03 luckymore 阅读(110) 评论(0) 推荐(0)
移动端自适应
摘要：自适应移动设备页面前端注意的问题 现在移动设备越来越多，使用手机上网的人也越来越多，移动设备也成为访问互联网的常见终端设置。以前我们在编写管理系统的时候，客户端只需要考虑PC机桌面设备，现在则必须要考虑到移动终端设备了。 移动终端设备的屏幕分辨率很多都不一样，手机就分很多种大小的，然后还有一些平... 阅读全文
posted @ 2015-04-28 16:08 luckymore 阅读(600) 评论(0) 推荐(0)
inline-block能代替float吗
摘要：如果想用inline-block代替float，那么应该先搞清除它们的区别：inline-block和float的区别虽然设置浮动跟设置inline-block有些特征类似，但两者的区别还是非常明显的:文档流（Document flow）:浮动元素会脱离文档流，并使得周围元素环绕这个元素。而inli... 阅读全文
posted @ 2015-04-20 11:31 luckymore 阅读(551) 评论(0) 推荐(0)