随笔分类 -  css

CSS3 Transform(转换)
摘要：Transform 常用几项属性transform-origin 定义旋转的中心点 IE9+chrome safari firefox opera支持transform 对元素进行移动,缩放,转动,拉长或拉伸 IE9+chrome safari firefox opera支持例子transform-origin : X: left|center|right|length|% Y: top|center|bottom|length|% Z: lengthtransform:roate(angle) angle单位为degtransform:skew... 阅读全文
posted @ 2014-02-19 11:42 _彭建 阅读(292) 评论(0) 推荐(0)
CSS3 User Interface(用户界面)
摘要：User Interface 常用几项属性box-sizing 定义盒子模型 IE8+ chrome safari firefox opera支持 bootstrap grid 系统采用appearance 定义对象外观 chrome safari firefox支持user-select 控制文本是否可以选择 chrome safari firefox支持resize 对象的区域是否允许用户调尺寸 chrome safari firefox支持例子box-sizing:... 阅读全文
posted @ 2014-02-18 11:32 _彭建 阅读(238) 评论(0) 推荐(0)
CSS3 media queries(媒体查询)
摘要：语法:@media：：[[',']*]?：[only | not]?[and]* |[and]*：'('[:]?')'CSS2定义的媒体类型Media Types媒体类型CSS Version版本Compatibility兼容性Description简介 all CSS2所有浏览器用于所有媒体设备类型 aural CSS2Opera用于语音和音乐合成器 braille CSS2Opera用于触觉反馈设备 handheld CSS2Chrome,Safari,Opera用于小型或手持设备 print ... 阅读全文
posted @ 2014-02-13 15:10 _彭建 阅读(206) 评论(0) 推荐(0)
CSS 基本的hack
摘要：css hack主要分为3种IE条件注释(推荐)? IE ?]>HTML代码块keywords ? 问号表示可有可无,如没有keywords表示是否为IE或者IE那个版本keywords关键字有: gt(大于), lt(小于), gte(大于等于), lte(小于等于), !(非);version ?问号表示可有可无,如果有指定IE的版本,一般从6开始.小于等于IE7,test类字体颜色为红色.css属性hackdiv{width: 500px; *width:300px; /* for ie7/ie6 */_width:200px; /* for ie6 */}p{color:red 阅读全文
posted @ 2014-01-20 17:57 _彭建 阅读(272) 评论(0) 推荐(0)