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

浙公网安备 33010602011771号