当你随机打开一个页面，查看源代码，你会发现，同一个元素，不止有一个CSS选择器及对应的样式。而一个元素只能应用一个样式，那么一堆样式中究竟是应用哪一个呢？这就涉及到CSS的层叠规则了。下面就来总结下CSS的层叠规则。 概念：CSS中的层叠就是让多个来源的样式叠加在一起，然后结合样式的特殊性（后面详细 ...
分类：
Web程序 时间：
2016-09-18 01:06:16
阅读次数：
207
Less技术 定义：基于CSS的CSS扩展技术 特点：引入变量、混合、运算和函数。 作用：简化CSS代码。 1.定义变量。 形式：@ 变量名=值； 2.混合。 方式：可以用类选择器 .； id选择器：#； 标签选择器：input body等 形式如：定义- .header1{ width：20px； ...
分类：
其他好文 时间：
2016-09-17 23:41:24
阅读次数：
386
一、选择器类型 二、有几种方式可以隐藏一个元素： 三、属性筛选选择器 四、子元素选择器 四、表单元素选择器 五、特殊选择器this 注意要点： 案例： 通过把$()方法传入当前的元素对象的引用this，把这个this加工成jQuery对象，我们就可以用jQuery提供的快捷方法直接处理样式了 ...
分类：
Web程序 时间：
2016-09-17 17:57:41
阅读次数：
203
很多情况下，我们需要找到父元素，但可惜的是css中并没有这样的一个选择器。 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章。 简单来说这个实现并不是真正的父元素选择器，只是利用其它思路来实现相同效果罢了。 HTML： <div id="box"> <p>pppppppp</p> <sp ...
分类：
Web程序 时间：
2016-09-17 16:12:30
阅读次数：
194
在上一篇CSS3选择器的研究中列出了几乎所有的CSS3选择器，和伪类选择器，当是并没有做案例的研究，本想在那篇文章里面写，但想想如果把案例都写在那篇文章里面，对于查找来说就不是很方便，所有另开一篇来讲实例。 属性选择器 [title]:选择带有title属性的元素 [title='hello']:选 ...
分类：
Web程序 时间：
2016-09-17 11:53:46
阅读次数：
201
空格 选择器 与 { 之间必须包含空格。 列表型属性值 书写在单行时，, 后必须跟一个空格。 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。 margin: 0; 、+、~ 选择器的两边各保留一个空格。 选择器 当一个 rule 包含多个 selector 时，每个选... ...
分类：
Web程序 时间：
2016-09-17 10:40:53
阅读次数：
220
jQuery是JavaScript的一个库，它是一个轻量型的语言。它不仅有优秀的选择器，还有能实现各种页面效果的函数。下面我们就说说它的这些函数以及能实现怎样的效果。 1、jQuery中的hide()和show()函数。 在使用jQuery的时候，我们可以用hide()和show()函数来实现元素的 ...
分类：
Web程序 时间：
2016-09-16 22:49:19
阅读次数：
155
*当同一个 HTML 元素被不止一个样式定义时，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。 *CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明： 选择器通 ...
分类：
Web程序 时间：
2016-09-16 18:25:02
阅读次数：
131
初识jquery 在学习jquery之前，就有看过一些相关的视频，才知道它是可以写很少的代码就可以完成很多事的。记得第一写轮播图的时候，首先就百度了篇轮播图的实现，当时还不知道自己百度的其实不是原生的JS代码，而是用jquery完成的，当时也是初识JS，然后就一脸懵逼的看了视频，结果好像还看懂了，于 ...
分类：
Web程序 时间：
2016-09-16 17:02:21
阅读次数：
262
1，总是从 ID 选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById() 方法。 例如有一段 HTML 代码： <div id="content"> <form method="post" action="#"> <h2>交通 ...
分类：
Web程序 时间：
2016-09-16 14:10:55
阅读次数：
211
