一、新增选择器 结构伪类选择器 :root——根选择器 :nth child(an+b)——子元素选择器。下标是a的倍数,偏移b个的子元素,n从0计数。odd奇数,even偶数。 :nth last child(n)——倒数第n个 :last child——最后一个 :only child——属于其 ...
分类:
Web程序 时间:
2020-01-07 19:39:02
阅读次数:
106
语法: 下面就把CSS3标准中nth-child()用法大致介绍给大家: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法。 第一种:简单数字序号写法 :nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。 例 ...
分类:
Web程序 时间:
2020-01-07 13:14:22
阅读次数:
1000
利用原生JSON对象,将对象转为字符串 var jsObj = {}; jsObj.testArray = [1,2,3,4,5]; jsObj.name = 'CSS3'; jsObj.date = '8 May, 2011'; var str = JSON.stringify(jsObj); a ...
分类:
Web程序 时间:
2020-01-06 12:21:50
阅读次数:
80
原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) ... ...
分类:
Web程序 时间:
2020-01-06 09:15:36
阅读次数:
85
html <div class="a4"> <a href="" class="a5"></a> <div class="a6"> <div class="a7"></div> </div> <a href="" class="a8"> <div class="a9"></div> </a> <a ...
分类:
Web程序 时间:
2020-01-05 11:44:31
阅读次数:
85
CSS3(4) 动画(animation) 之前有写过过渡: "CSS3(2) 过渡(transition)" 个人理解两者不同点在于 只能指定属性的 开始值 与 结束值 ,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。 除了定义 开始值 和 结束值 ,在这之间还可以 ...
分类:
Web程序 时间:
2020-01-05 00:33:05
阅读次数:
100
//h5有个小bug 1像素边框过粗,其实有个解决方案,就是利用伪元素:after,结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //删除border-bottom,添加position:relative,伪元素定位用。 - border-bottom:1px solid yel ...
分类:
移动开发 时间:
2020-01-04 20:29:12
阅读次数:
126
IE 8及以下不支持 IE9 谷歌浏览器等支持CSS3的可以实现 (选中标签内文字,即可查看文本颜色和背景色) p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} ...
分类:
Web程序 时间:
2020-01-04 12:35:56
阅读次数:
100
前端学习目标 基础课程:HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3 应用课程:jQuery easyUI 移动端开发 响应式开发 PHP基础 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select ...
分类:
其他好文 时间:
2020-01-04 01:37:54
阅读次数:
287
CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一,它常用的属性有: (translate)、 (scale)、 (rotate)、 (skew)。 一、2D变形语法 1、移动 (translate) 移动的属性: 比如设置为: 运行结果 从上面运行结果可以看出 ...
分类:
Web程序 时间:
2020-01-01 23:22:41
阅读次数:
133