
使用纯CSS代码创建图标
编写网页的代码布局,一般都是矩形的区域,但是有时候我们需要有一个三角形的箭头,除了使用常规的方法比如背景图片以外,我们还可以使用CSS代码来创建三角形。 很少有人意识到盒子的边界是一层一层向外扩展的,利用这样一种方式,我们设置 一侧的边界是...
编写网页的代码布局,一般都是矩形的区域,但是有时候我们需要有一个三角形的箭头,除了使用常规的方法比如背景图片以外,我们还可以使用CSS代码来创建三角形。 很少有人意识到盒子的边界是一层一层向外扩展的,利用这样一种方式,我们设置 一侧的边界是...
1、垂直对齐(本例经测试不可取) 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; to...
现在Web朝着响应式的趋势发展,媒体查询在创建响应式网站中起到了主要作用。 没有媒体查询几乎不能实现响应式设计,利用媒体查询,我们可以针对特定的设备,如显示器、智能手机和平板,写CSS。 媒体查询是响应式设计的核心 在这篇文章中我将分享一些...
($.each,$.grep,$.map,$.merge,$.inArray,$.unique,$.makeArray) jQuery的数组处理、便捷、功能齐全。最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生JavaScrip...
需求:检测滚动条位置,当到达一定的高度,就设置有些div浮动。 window.pageYOffset 支持360,火狐,谷歌 document.documentElement.scrollTop 支持火狐和360(谷歌一直返回0) docu...
【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度,而文本框text则不包含边框高度。...
1、基本选择器 选择符 匹配元素 * 所有元素 id 给定ID的元素 element 给定类型的所有元素 .class 给定类的所有元素 a,b 与a或b匹配的元素 a b a的后代元素中与b匹配的元素 a>b a的直接子元素中与b匹...
如果没有手动调整过webview的高度的话,默认情况下,屏幕的高度=顶部状态栏的高度+webview的高度。 如果软键盘打开,则屏幕的高度=顶部状态栏的高度+webview的高度+软键盘的高度。 HTML5 规范目前没有提供状态栏高度和软键...
CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。 1.什么是 CSS 预处理器 CSS 预处理器是一种语言用...
最近研究响应式设计框架的时候,发现网上很多相关的属性介绍,却很少有系统的入门级使用的文章,我自己整理了一篇入门知识,并没有什么高深的理论,也不牵扯到框架。 目前已经越来越多的站点以及wap站点使用响应式设计,因为大屏幕的移动设备越来越普及。...