随笔分类 -  css

css部分文章
使用CSS3 Media Queries实现网页自适应(转)
摘要：当今银屏分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页，现在有手机，平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择，网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整，以达到到最佳显示效果。接下来会 阅读全文
posted @ 2016-06-16 17:09 会飞的鱼儿游 阅读(7143) 评论(0) 推荐(0)
移动前端开发之viewport的深入理解(转)
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就 阅读全文
posted @ 2016-06-16 16:58 会飞的鱼儿游 阅读(462) 评论(0) 推荐(0)
css中关于transform、transition、animate的区别
摘要：写动画经常会用到这几个属性，他们之间有什么区别呢？ 1.transform 每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人（包括我）认为transform属性是动画属性。而恰恰相反，transform属性是静态属性。它其实只是一个静态属性，需要配合transiti 阅读全文
posted @ 2016-06-13 14:31 会飞的鱼儿游 阅读(8101) 评论(0) 推荐(2)
关于rem自适应的一点研究
摘要：参考地址：http://m.ctrip.com/html5/ https://www.amazon.cn/ rem是相对于html根元素的一个单位。rem是px的16倍，即1rem = 16px;除了IE低版本浏览器不支持它以外，其他都支持，看下图： 现在大部分浏览器IE9+，Firefox、Chr 阅读全文
posted @ 2016-06-07 15:44 会飞的鱼儿游 阅读(821) 评论(0) 推荐(1)
css3动画之animate
摘要：CSS3 动画属性 下面的表格列出了 @keyframes 规则和所有动画属性： @keyframes move{ from{ transform: translateX(0px); } to{ transform: translateX(1000px); } } 阅读全文
posted @ 2016-05-19 21:27 会飞的鱼儿游 阅读(1642) 评论(0) 推荐(0)
详解 CSS 属性 - 伪类和伪元素的区别（再也不用概念盲了！！！）
摘要：首先，阅读w3c对两者的定义：CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这里用伪类:first-child和伪元... 阅读全文
posted @ 2015-08-27 17:46 会飞的鱼儿游 阅读(223) 评论(0) 推荐(0)
深入解析CSS样式层叠权重值
摘要：本文为转载内容，源地址：http://www.ofcss.com/2011/05/26/css-cascade-specificity.html读到《重新认识CSS的权重》这篇，在文章最后给出了便于记忆的顺序：“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪... 阅读全文
posted @ 2015-08-27 16:54 会飞的鱼儿游 阅读(200) 评论(0) 推荐(0)
CSS隐藏元素的几种方法
摘要：使用CSS隐藏元素的方法很多，在这里简单总结一下：1、display:nonedisplay:none 应该是最常用的一种隐藏元素的方法，使用该方法隐藏的元素脱离文档流不占据空间，不会被浏览器解析，不能点击，搜索引擎可能会认为被隐藏的文字属于垃圾信息而被忽略，而且屏幕阅读器（是为视觉上有障碍的人设计... 阅读全文
posted @ 2015-04-17 19:03 会飞的鱼儿游 阅读(418) 评论(0) 推荐(0)
Position详解---转
摘要：position 阅读全文
posted @ 2015-04-17 17:42 会飞的鱼儿游 阅读(204) 评论(0) 推荐(0)
css 的z-index研究
摘要：z-index 阅读全文
posted @ 2015-04-17 15:35 会飞的鱼儿游 阅读(241) 评论(0) 推荐(0)
css绝对定位、相对定位和文档流的那些事
摘要：前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。文档流的概念 确切的说应... 阅读全文
posted @ 2014-08-18 16:20 会飞的鱼儿游 阅读(678) 评论(0) 推荐(1)
css 元素居中方法
摘要：元素居中 div 阅读全文
posted @ 2014-07-31 15:31 会飞的鱼儿游 阅读(205) 评论(0) 推荐(0)