CSS - 随笔分类 - Jweb2

css3 calc()：css简单的数学运算-加减乘除

摘要：css3 calc()：css简单的数学运算–加减乘除多好的东西啊，不用js，一个css就解决了。.box{border:1px solid #ddd;width:calc(100% - 100px);background:#9AC8EB;}3栏等宽布局.box{margin-left:20px;w... 阅读全文

posted @ 2015-10-30 22:16 Jweb2 阅读(7079) 评论(0) 推荐(0) 编辑

css hack 大全各个浏览器的css

摘要：各个浏览器的css hack区别属性：IE6： _zoom:1;IE6/7： *zoom:1;IE6/7/8/9 ：\9各个浏览器的css hack区别规则IE6： *html{}IE7： +.class{}非IE6： html>body {}仅火狐：@-moz-docu... 阅读全文

posted @ 2015-09-03 02:15 Jweb2 阅读(249) 评论(0) 推荐(0) 编辑

HTML5와 CSS3 적용기

摘要：HTML5의 DTD 선언 HTML5의 인코딩 선언 그리고나서는 새로 생긴 엘리먼트, 속성보다는 의미가 변경되었거나 폐지된 것들에 포커스를 두기 시작했습니다. 새로 생긴 엘리먼트, 속성은 지원되지 않는 브라우저가 있지만, 의미가 변경... 阅读全文

posted @ 2015-07-02 12:34 Jweb2 阅读(172) 评论(0) 推荐(0) 编辑

多个DIV让float:left属性，最后一个DIV填满剩余的部分

摘要：yellow green blue gold red 阅读全文

posted @ 2015-07-01 22:51 Jweb2 阅读(771) 评论(0) 推荐(0) 编辑

CSS实现半透明的方法

摘要：IE8不支持以前{filter:alpha(opacity=50);}的私有属性，转而支持更规范的私有属性-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;加之Firefox2.0和Opera9.0以前版本很少见到，所... 阅读全文

posted @ 2015-07-01 22:48 Jweb2 阅读(458) 评论(0) 推荐(0) 编辑

CSS 수직 가운데 정렬 (테이블 없이!) Vertical Centering with CSS

摘要：이 방법은 테이블처럼 만들어서 테이블의 vertical-align 속성을 사용할 수 있도록를 몇 개 세팅한다. (테이블의 vertical-align 속성은 다른 요소들에서는 굉장히 다르게 작동한다.)일러 두기: 아마 “테이블을 사용하려던 건 아닌데” 하고 생각할지 모르... 阅读全文

posted @ 2015-06-30 17:36 Jweb2 阅读(290) 评论(0) 推荐(0) 编辑

支持多浏览器的镜像反转css效果

摘要：今天接到一个需求，通过一张图片得到其镜像对称的图片。本来说是后台处理的，但这样除了技术上难实现之外，还带来了资源消耗的问题，相当于每张图都要存储一个副本了。只记得以前用过css的滤镜可以实现这个，但只在IE下有效。后来找到一个兼容多浏览器的样式，大爱。css样式定义：.flip-horizontal... 阅读全文

posted @ 2015-06-30 16:32 Jweb2 阅读(1602) 评论(3) 推荐(0) 编辑

照恩

Jweb2

随笔分类 - CSS