随笔分类 -  css

css3 clip-path
摘要：clip-path Clip-path with CSS Clip-path with inline SVG Clip-path with external SVG 阅读全文

posted @ 2015-06-05 11:54 djawh 阅读(262) 评论(0) 推荐(0)

网页单位
摘要：Document 测试font－size字体单位=============================================================== 单位 阅读全文

posted @ 2015-06-05 11:53 djawh 阅读(151) 评论(0) 推荐(0)

css3 首字母大写
摘要：1、text-transform 值：Capitalize 英文拼音的首字母大写Uppercase 英文拼音字母全大写Lowercase 英文拼音字母全小写 阅读全文

posted @ 2015-04-17 13:18 djawh 阅读(922) 评论(0) 推荐(0)

针对iphone 6出现的关于devicePixelRatio引用对应的css样式
摘要：@media only screen and (min-device-width: 320px) { //针对iPhone 3 } @media only screen and (min-device-width: 320px)and (-webkit-min-device-pixe... 阅读全文

posted @ 2015-04-07 16:56 djawh 阅读(333) 评论(0) 推荐(0)

css3 折角效果
摘要：折角效果 阅读全文

posted @ 2015-04-02 21:17 djawh 阅读(238) 评论(0) 推荐(0)

使用flex盒模型实现内容完全居中显示
摘要：display: flex;justify-content: center;align-items: center; height: 300px;border:1px solid; 阅读全文

posted @ 2015-04-02 19:18 djawh 阅读(172) 评论(0) 推荐(0)

css clear 清除浮动
摘要：.clearfix:after {content:'';display:block;height:0;overflow:hidden;clear:both;} IE8以上的浏览器.clearfix {*zoom:1} IE6/IE7 阅读全文

posted @ 2015-03-20 20:28 djawh 阅读(106) 评论(0) 推荐(0)

CSS3 calc函数
摘要：width:calc(100% - 80px);width:-webkit-calc(100% - 80px);动态设置属性大小 阅读全文

posted @ 2015-03-19 14:55 djawh 阅读(127) 评论(0) 推荐(0)

处理页面返回定位问题
摘要：进入 返回 阅读全文

posted @ 2015-03-19 11:18 djawh 阅读(168) 评论(0) 推荐(0)

css3 设置多行文本显示省略号
摘要：display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow: ellipsis;，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文... 阅读全文

posted @ 2015-03-18 10:28 djawh 阅读(288) 评论(0) 推荐(0)

移动端设置点击屏幕闪烁的问题
摘要：-webkit-tap-highlight-color:transparent 阅读全文

posted @ 2015-03-13 12:47 djawh 阅读(161) 评论(0) 推荐(0)

DIV 内容垂直居中
摘要：虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几种方法，等我一一列举：一、行高（line-hei... 阅读全文

posted @ 2015-03-11 21:12 djawh 阅读(220) 评论(0) 推荐(0)

CSS3 Media Queries 实现响应式设计
摘要：Max Width下面的样式会在可视区域的宽度小于 600px 的时候被应用。12345@mediascreenand (max-width:600px) {.class {background:#ccc;}}如果你想链接到一个单独的样式表，把下面的代码放在标签里。1Min Width下面的样式会在... 阅读全文

posted @ 2015-03-10 13:27 djawh 阅读(126) 评论(0) 推荐(0)

导航