一、CSS元素隐藏 在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。后宫选秀——一个一个看。 { display: none; /* 不占据空间，无法点击 */ } { visibility: hidden; /* 占据空 ...
分类：
Web程序 时间：
2016-09-06 10:35:40
阅读次数：
301
之前有几次提到了使用display:table-cell实现强大的任意尺寸元素的自适应布局（都藏在长长文章之中）。这里开篇再次提一下，希望能将该技术普及下去。 典型的双栏布局类名使用如下： fix l cell 该类名去来自我自己整的CSS基本样式库 – zxx.lib.css 套用HTML显示则为 ...
分类：
其他好文 时间：
2016-09-06 10:21:12
阅读次数：
228
一、微数据是？ 一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而目前机器智能程度有限，要让其知会特定内容含义，我们需要使用规定的标签、属性名以及特定用法等。举个简单例子，我们使用<h1>标签包裹页面标题信息就是为了让机器识别（搜索引擎 – SEO）。 而微数据是什么呢？在我看 ...
分类：
Web程序 时间：
2016-09-04 17:29:16
阅读次数：
239
虽然我几乎不用 float 布局，但是还是要了解的，工作了很有可能就会用到，所以，今天又看了一遍 “张鑫旭” 写得关于 float 布局的文章，记录一下清除浮动的几种方法，以后随时在此补充。 注意：浮动的时候，下一个兄弟节点会无视浮动节点的位置，将它视为没有，但是兄弟节点的子节点可以看到浮动的节点位 ...
分类：
Web程序 时间：
2016-09-02 18:44:24
阅读次数：
188
一、开篇叨叨 一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域，例如，单纯的单选框点击区域就鼻屎那么大的地方，经常会点不到位置。因此，label标签的使用对于提高页面的可用性可访问性是很有帮助的。 我们看看点评网的注册页面那个同意条款的复选框，非要点在复选框上才 ...
分类：
Web程序 时间：
2016-09-02 13:16:29
阅读次数：
153
一、引言 HTML5中新增了一个名为form的属性，是一个与处理表单相关的元素。 在HTML4或XHTML中，我们要提交一个表单，必须把相关的控件元素都放在<form>元素下。因为表单提交的时候，会直接忽略不是其子元素的控件。但是，实际情况下，由于页面设计与实现的特殊性，会存在有些表单之外的元素也需 ...
分类：
Web程序 时间：
2016-09-01 21:14:17
阅读次数：
150
一、深呼吸，直接内容 :nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： <section> <p>我是第1个p标 ...
分类：
Web程序 时间：
2016-09-01 20:04:34
阅读次数：
202
一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transfor ...
分类：
Web程序 时间：
2016-09-01 10:54:04
阅读次数：
157
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1623 正文开始之前先分享两个与字符相关的东西。首先是一张图片，是一张一些字符以及想对应的HTML实体表示的对照图片。如下 ...
分类：
Web程序 时间：
2016-08-31 09:26:41
阅读次数：
179
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1601 一、方法一：借助mask-image属性 可以狠狠地点击这里：CSS3下的渐变文字效果方法一demo 如果您手头上 ...
分类：
Web程序 时间：
2016-08-30 21:01:31
阅读次数：
151
