2016年9月1日
CSS3选择器:nth-child和:nth-of-type之间的差异——张鑫旭
摘要： 一、深呼吸，直接内容 :nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： <section> <p>我是第1个p标 阅读全文
posted @ 2016-09-01 19:25 阳阳young 阅读(383) 评论(0) 推荐(0) 编辑
CSS页面重构“鑫三无准则”之“无图片”准则——张鑫旭
摘要： 一、再说关于“鑫三无准则” “鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则，即“无宽度”、“无图片”和“无浮动”，目的是使CSS布局模块化以及增强可扩展性。 此准则是针对 阅读全文
posted @ 2016-09-01 10:41 阳阳young 阅读(353) 评论(0) 推荐(0) 编辑
CSS垂直翻转/水平翻转提高web页面资源重用性——张鑫旭
摘要： 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transfor 阅读全文
posted @ 2016-09-01 09:21 阳阳young 阅读(613) 评论(0) 推荐(0) 编辑
2016年8月31日
jquery之Ajax（一）
摘要： 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callb 阅读全文
posted @ 2016-08-31 10:51 阳阳young 阅读(177) 评论(0) 推荐(0) 编辑
web页面相关的一些常见可用字符介绍——张鑫旭
摘要： by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1623 正文开始之前先分享两个与字符相关的东西。首先是一张图片，是一张一些字符以及想对应的HTML实体表示的对照图片。如下 阅读全文
posted @ 2016-08-31 09:12 阳阳young 阅读(443) 评论(0) 推荐(0) 编辑
翻译 – CSS3 Backgrounds相关介绍——张鑫旭
摘要： —————以下为翻译内容—————- CSS2.1中有5个background属性可以用来控制元素的背景。这5个属性是： background-color background-image background-repeat background-attachment background-posi 阅读全文
posted @ 2016-08-31 09:04 阳阳young 阅读(476) 评论(0) 推荐(0) 编辑
2016年8月30日
小tip:CSS3下的渐变文字效果实现——张鑫旭
摘要： by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1601 一、方法一：借助mask-image属性 可以狠狠地点击这里：CSS3下的渐变文字效果方法一demo 如果您手头上 阅读全文
posted @ 2016-08-30 19:53 阳阳young 阅读(1025) 评论(1) 推荐(0) 编辑
html5备忘录——张鑫旭
摘要： by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1544 一、前言兼图片备忘 下图是我从testking网站上的Ultimate HTML5 Cheatsheat这篇文章中 阅读全文
posted @ 2016-08-30 19:29 阳阳young 阅读(567) 评论(0) 推荐(1) 编辑
2016年8月28日
CSS/CSS3长度、时间、频率、角度单位大全
摘要： 一、一笔带过的前言 CSS中凡是牵扯到数值的基本上都与单位相关联，例如： .test{width:180px;} 平时我们再制作页面的时候用到的单位也就那么几个，而实际上CSS中的可用单位的数量多得惊人，尤其CSS3的出现更壮大了CSS单位家族。而本文就是简单展示下这些值这些单位。 二、CSS长度值 阅读全文
posted @ 2016-08-28 15:43 阳阳young 阅读(274) 评论(0) 推荐(0) 编辑
CSS流体(自适应)布局下宽度分离原则——张鑫旭
摘要： by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1463 一、简短的前言 之前曾作有“页面重构鑫三无准则之无宽度准则”一文，属于流体布局系列中的偏理论性的文章，本文也是这种 阅读全文
posted @ 2016-08-28 15:16 阳阳young 阅读(3639) 评论(0) 推荐(0) 编辑