1.通过hover，也是最常用的方式。此方法要求按钮与被控制元素必须有层级关系。（兼容低端浏览器常用） 2.通过：focus点击按钮显示，点击空白处隐藏。此方通同样需要按钮与被控制元素之间存在层级关系。（需用到CSS3选择器） 3.利用label的for属性绑定checkbox，此方法对按钮与盒子的 ...
分类：
Web程序 时间：
2017-08-26 18:20:30
阅读次数：
175
CSS3 选择器分类 动态伪类选择器 锚点伪类的设置顺序必须遵守一个”LoVe/HAte”原则，也就是说正确的设置顺序为： a:link、a:visited、a:hover、a:active 目标伪类选择器 UI元素状态选择器 结构伪类选择器 否定伪类选择器 选择器例子 选择非第一个元素 ...
分类：
Web程序 时间：
2017-08-26 17:16:02
阅读次数：
156
这篇博文有关css的权重问题，我个人认为这是css知识中很重要的一个知识点。因为在开发的过程能中我们会经常遇到这种问题，特别是如果你使用框架的时候，有些框架的某些标签有一些默认的样式。所以我们可以通过增加权重的方式来使我们所写的样式有效。既然说到权重那就必然要说起权重的等级以及权重值。 css的权重 ...
分类：
Web程序 时间：
2017-08-24 00:11:54
阅读次数：
134
其实我现在写的这些博文笔记都是我很早之前学习的时候所写的笔记，只不过之前是没有写博客的习惯，所以都是写在word文档中个人需要的时候看而已。最近刚刚开了博客，所以想将自己的笔记贴到博客。 但是现在看来我的笔记中好多东西都过于基础，其实放到博客也是没有多大的作用，于是我就想将我在开发当中遇到的一些有趣 ...
分类：
Web程序 时间：
2017-08-20 22:42:36
阅读次数：
322
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 W3C关于CSS3选择器的规范中有一段描述： A pseudo-element is made of two colons (::) followed by the name of the pseudo-element. This : ...
分类：
其他好文 时间：
2017-08-16 15:36:15
阅读次数：
123
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示： 从上图中可以看出，用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中，默认显示样式为 ...
分类：
Web程序 时间：
2017-08-14 23:48:04
阅读次数：
487
CSS3选择器 :read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” 示例演示 通过“:read-only”选择器来设置地址文本框的样式。 HTML代码： CSS代码： 结果演示 CSS3 ...
分类：
Web程序 时间：
2017-08-14 17:29:53
阅读次数：
190
CSS3 选择器 基础选择器 通配符选择器 * ID选择器 #Id class选择器 .classname 元素选择器 tagName 群组选择器 slecter,selecter 层次选择器 后代选择器 selecter selecter 子元素选择器 selcter>selecter 相邻兄弟选 ...
分类：
Web程序 时间：
2017-08-04 15:21:26
阅读次数：
180
CSS3选择器详解 一、 属性选择器 在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。 选择器 示例 描述 [attribute^=value] [src^="https"] 选择每一个src属性的值以"ht ...
分类：
Web程序 时间：
2017-07-30 20:06:30
阅读次数：
281
CSS选择器的作用是找出某类元素，以便我们使用style元素或者外部样式表对这类元素设置样式。基本选择器选择器含义演示样例描写叙述*选择全部元素* { border: thin black solid; padding: 4px }选择全部元素<元素类型>选取一个文档中该元素的全部实例a { bor ...
分类：
Web程序 时间：
2017-07-27 21:25:04
阅读次数：
210
