摘要: 一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。后宫选秀——一个一个看。 { display: none; /* 不占据空间,无法点击 */ } { visibility: hidden; /* 占据空 阅读全文
posted @ 2016-09-06 10:10 阳阳young 阅读(1934) 评论(0) 推荐(0) 编辑
摘要: 之前有几次提到了使用display:table-cell实现强大的任意尺寸元素的自适应布局(都藏在长长文章之中)。这里开篇再次提一下,希望能将该技术普及下去。 典型的双栏布局类名使用如下: fix l cell 该类名去来自我自己整的CSS基本样式库 – zxx.lib.css 套用HTML显示则为 阅读全文
posted @ 2016-09-06 09:25 阳阳young 阅读(2205) 评论(0) 推荐(0) 编辑
摘要: 一、微数据是? 一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。举个简单例子,我们使用<h1>标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO)。 而微数据是什么呢?在我看 阅读全文
posted @ 2016-09-04 16:21 阳阳young 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 一、我之前介绍过的三角实现效果回顾 这里所说的三角效果之等腰直角三角形效果(等边三角形有现成字符实现,没什么好说的;还有图片实现三角众人皆知,不予以说明): 1. 字符实现三角效果关于字符实现三角我早在09年的时候就介绍了:使用字符实现兼容性的圆角尖角效果。一转眼两年过去了,这个技术开始被越来越多的 阅读全文
posted @ 2016-09-04 15:39 阳阳young 阅读(1119) 评论(0) 推荐(0) 编辑
摘要: by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1883 一、您这折腾的是? 闲适的时候总喜欢折腾点蛋疼的事情。今儿个偶尔的机会注意到了淘宝产品一个排序的细节,如下图: 单 阅读全文
posted @ 2016-09-02 14:09 阳阳young 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 一、开篇小问题 题目:实现类似下图的宽度自适应效果,IE9+,FireFox,Chrome,Opera等使用CSS3实现,IE6~8浏览器使用图片实现。 计时思考…… 二、思考中 ————- 假设这是大家全神贯注思考的18分钟 ———————— ……思考结束 三、问题引导 针对不同浏览器实现类似的效 阅读全文
posted @ 2016-09-02 13:54 阳阳young 阅读(371) 评论(0) 推荐(0) 编辑
摘要: by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1855 补充于2016-01-03本文内容仅属于z-index表现层一些皮毛内容,不过一些经验观点还是很有指导意义的。 一 阅读全文
posted @ 2016-09-02 13:48 阳阳young 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 前三篇(1, 2, 3)都是介绍的absolute属性,终于,轮到本文讲讲relative相对定位。 一、relative属性的形象化思维 relative是个看上去低调,有些特殊才能,气场强大,有着不俗身世,但无形中会影响他人的凡人。 二、故事继续 系列一中讲了浮动和绝对定位两位魔鬼兄弟之间的感人 阅读全文
posted @ 2016-09-02 13:40 阳阳young 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 一、开篇叨叨 一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,例如,单纯的单选框点击区域就鼻屎那么大的地方,经常会点不到位置。因此,label标签的使用对于提高页面的可用性可访问性是很有帮助的。 我们看看点评网的注册页面那个同意条款的复选框,非要点在复选框上才 阅读全文
posted @ 2016-09-02 12:22 阳阳young 阅读(596) 评论(0) 推荐(0) 编辑
摘要: 一、引言 HTML5中新增了一个名为form的属性,是一个与处理表单相关的元素。 在HTML4或XHTML中,我们要提交一个表单,必须把相关的控件元素都放在<form>元素下。因为表单提交的时候,会直接忽略不是其子元素的控件。但是,实际情况下,由于页面设计与实现的特殊性,会存在有些表单之外的元素也需 阅读全文
posted @ 2016-09-01 19:59 阳阳young 阅读(385) 评论(0) 推荐(0) 编辑