.link:hover{ color: yellow; font-weight: bold; /*倾斜*/ font-style: italic;}/*before和after加的东西不能被选中*/.box1:before{ content: "."; color: red;}.box2:after ...
分类：
其他好文 时间：
2020-07-07 13:45:32
阅读次数：
62
视图容器，类似于div标签 属性 类型 默认值 必填 说明 hover-class string none 否 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation boolean false 否 指定是否阻止本节点的祖先节点 ...
分类：
微信 时间：
2020-07-05 23:28:26
阅读次数：
118
鼠标悬停在文字上时，文字会出现旋转效果。这种效果实现的原理是，将每个文字或者单词的每个字母在任一轴（最好是Y轴）一起旋转。 每个文字或者单词都包裹在<li>标记中，然后使用CSS：hover Selector选择器，我们将在Y轴上旋转每个文字。 我们将把文字分为两部分，在第一部分中，我们将创建旋转文 ...
分类：
Web程序 时间：
2020-07-05 13:13:07
阅读次数：
89
前言 通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按css2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。 要 ...
分类：
其他好文 时间：
2020-07-05 01:02:10
阅读次数：
77
a.解析HTML文件，创建DOM树。自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）； b.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； c.将CSS与DOM合并，构建渲染树（Rende ...
分类：
其他好文 时间：
2020-07-04 22:39:18
阅读次数：
95
选择器：id选择器，类选择器，元素选择器，属性选择器，后代选择器，子选择器，相邻兄弟选择器，伪类选择器，伪元素选择器 1. 伪类选择器：专门用来表示元素的一些特殊状态，比如， 链接的状态，:active(激活链接)，：hover(鼠标悬浮其上) ...... 子元素的伪类：:first-child选 ...
分类：
Web程序 时间：
2020-07-04 22:37:41
阅读次数：
93
选择器的权重 伪类 :hover 当鼠标悬浮在元素上方时，向元素添加样式 :active 向被激活的元素添加样式 :first-child 向元素的第一个子元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :link 向未被访问的链接添加样式 :visited 向已被访问的链接添加样式 ...
分类：
Web程序 时间：
2020-07-03 15:14:41
阅读次数：
55
利用hover控制动画，一个从反面向正面翻，一个从正面向反面翻。 利用：backface-visibility: hidden;控制反面的元素不显示。 不支持的浏览器直接切换层级换图（部分ie9模拟器不支持） <!DOCTYPE html> <html lang="en"> <head> <meta ...
分类：
Web程序 时间：
2020-07-01 13:02:03
阅读次数：
85
第一题：console.log(([])?true:fasle);// => console.log((true)?true:false); console.log([]==false?true:false); // => console.log(0==0?true:false); console. ...
分类：
Web程序 时间：
2020-06-30 11:20:01
阅读次数：
76
