HTML5 / CSS3

CSS实现元素水平垂直居中的几种方法 »

元素的居中效果是前端开发中经常用到的,比较经典的那个“水平垂直居中”效果,大家都知道,除此之外,有没有其他解决方案那!接下来那我们一起学习一下这些奇淫秘籍!直接上代码:/*所有浏览器有效*/.dialog{width:600px;height:300px;position:absolute;left:50%;top:50%;margi...

继续阅读 →

Medial Queries的常见设备断点 »

MedialQueries在响应式Web设计中占1/3的比重,由此可见它的重重要性,媒体查询是响应式Web设计的核心方法。我们根据设备宽度的临界点来指定合理断点,以后的MedialQueries条件判断就是根据断点来定。文章来源:MEDIAQUERIESFORCOMMONDEVICEBREAKPOINTS/*Smartphones(p...

继续阅读 →

一些有用的Web前端开发技巧 »

CSS代码调试片段用下面的CSS代码片段,可以把XHTML(orHTML)里的每一元素的层次结构勾勒出来,通过层次结构中每一级的颜色边框的变化,可以方便的看出元素“深度”的变化。给浮动和定位的调试带来了方便。*{outline:2pxdottedred}**{outline:2pxdottedgreen}***{outline:2px...

继续阅读 →

CSS3 和 HTML5 兼容性测试 »

引言你想知道你目前的WEB开发环境对CSS3和HTML5的支持情况和兼容性吗?如果想知道就跟我来,我会给你提供一些CSS3和HTML5的测试工具,来帮助你学习和应用这些新技术。关于HTML5HTML5是未来主要的HTML版本,HTML5给我们提供了很多更语义化的结构化的标签。例如,和布局有关的标签就是非常有意义的功能,这种语义化的特性...

继续阅读 →

HTML5 Canvas 基础知识与入门 »

引言HTML5规范引进了很多新特性,其中最令人期待的之一就是canvas元素。HTML5canvas提供了通过JavaScript绘制图形的方法,此方法使用简单但功能强大。每一个canvas元素都有一个"上下文(context)"(想象成绘图板上的一页),在其中可以绘制任意图形。浏览器支持多个canvas上下文,并...

继续阅读 →

热门专题