Fork me on GitHub

Rhett_Web

绳锯木断,水滴石穿-前端之路

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2015年10月22日

摘要: 如果箭头不需要边框效果,一个元素搞定了:before 或者 :after (content:" ") 都可以完成如果需要边框效果,一般都是由两个元素,设置不同的颜色和显示位置,从而有了边框的效果如:before和after一起使用** 定义before-after选择器 **/.before-a... 阅读全文
posted @ 2015-10-22 17:29 Rhett_Web 阅读(434) 评论(0) 推荐(0)

摘要: 用before after给input做了一个带有箭头的div(箭头有边框效果:所以before after都用了,颜色不同,通过控制位置-》箭头有边框效果)hover到input上,展示带箭头的div的地方接触不好,放到input上也没有hover效果(接触地方)给input设置z-index不起... 阅读全文
posted @ 2015-10-22 17:22 Rhett_Web 阅读(5621) 评论(0) 推荐(2)

摘要: .inner-table { tbody{ tr:nth-child(odd) { background-color: #ffffff; } tr:nth-child(even) { background-color: #f9f9f9; } }... 阅读全文
posted @ 2015-10-22 15:53 Rhett_Web 阅读(567) 评论(0) 推荐(0)

摘要: 前面花了几个篇幅着重介绍了CSS的选择器的使用,我将其分成三个部分:CSS基本选择器、CSS属性选择器以及CSS伪类选择器。那么今天我主要想和大家一起来学习——CSS选择器方面的性能优化。因为对性能这一块一直都是很弱的,所以今天先从选择器开始入手,加强自己。如果你也感兴趣那就跟我一起来吧。浏览器如何... 阅读全文
posted @ 2015-10-22 10:25 Rhett_Web 阅读(230) 评论(0) 推荐(0)

2015年10月20日

摘要: 当元素设置position:absolute时,会脱离正常文档流,后面元素会忽略该元素-》覆盖可以给元素设置min-height解决-------------------------------------------------------postion属性定义了一个元素在页面布局中的位置以及对周... 阅读全文
posted @ 2015-10-20 17:39 Rhett_Web 阅读(5594) 评论(0) 推荐(0)

摘要: 默认情况下label、span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果,但这样会换行不换行可以使用display:inline-block;(另外label设置 position:absolute时,width也是有效果的)总体概念block和i... 阅读全文
posted @ 2015-10-20 17:03 Rhett_Web 阅读(191) 评论(0) 推荐(0)

2015年10月19日

摘要: document.hidden这个新出现的document.hidden属性,它显示页面是否为用户当前观看的页面,值为ture或false。document.visibilityStatevisibilityState的值要么是visible(表明页面为浏览器当前激活tab,而且窗口不是最小化状态)... 阅读全文
posted @ 2015-10-19 10:27 Rhett_Web 阅读(557) 评论(0) 推荐(0)

2015年8月8日

摘要: 前言:像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及,在百度或者Google上搜索CORS,搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍,让我等前端同学情何以堪(对比起来,用Google搜到的国外文章,基本都是跨域资源共享的介绍,说明了前端技术在国内外环境和发展的... 阅读全文
posted @ 2015-08-08 17:28 Rhett_Web 阅读(338) 评论(0) 推荐(0)

摘要: css选择器一般可以分为三种:标签选择器、类选择器和ID选择器。而后代选择器和群组选择器只是对上面三种选择器的扩展应用。还有在标签内写style=""的方式,应该是css的一种引入方式,而不是选择器。-后代选择器,如 .polaris span img{}-群组选择器,如 div,span,img{... 阅读全文
posted @ 2015-08-08 13:54 Rhett_Web 阅读(254) 评论(0) 推荐(0)