a:link { font-size: 14pt; text-decoration: underline; color: blue; } /*设置a对象在未被访问前的样式表属性 。*/ a:hover { font-size: 14pt; text-decoration: underline; co... ...
分类：
Web程序 时间：
2019-07-15 16:02:52
阅读次数：
128
前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚 ...
分类：
Web程序 时间：
2019-05-27 09:11:59
阅读次数：
139
前面的话 伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识 锚点 关于锚点<a>，有常见的5个伪类，分别是:l ...
分类：
Web程序 时间：
2019-03-14 11:55:59
阅读次数：
170
都说机会是留给有准备的人的。 一年之计在于春，面对众多的前端技术，需要时刻充电自己。 我现在整理一些前端js面试程序题。 1.判断一个字符串中出现最多的字符，并计算出现的次数? 2.用css伪类实现下面的效果 解释： 1. 针对css伪类元素，可以使用content:url()；引入一个图片进行实现 ...
分类：
Web程序 时间：
2019-02-12 14:46:35
阅读次数：
341
:root css 伪类匹配文档的根元素。 对于 HTML 来说， :root 表示<html>元素，除了优先级更高之外，与 html 选择器相同。 在声明全局 css 变量时 :root 会很有用： ...
分类：
Web程序 时间：
2019-01-28 15:18:37
阅读次数：
1027
浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。由于浏览器使 ...
分类：
其他好文 时间：
2019-01-24 23:30:10
阅读次数：
286
伪类选择器的作用： 控制标签在不同状态下的样式。 标签的四种状态： link：没有访问过的状态； hover：鼠标经过的状态； active：鼠标激活（按下但没有松开）的状态； visited：已经被访问过的状态（鼠标点下且松开）。 注意事项： 1.在CSS定义中，a：hover必须被置于 a：li ...
分类：
Web程序 时间：
2019-01-01 00:18:06
阅读次数：
234
原文地址：https://segmentfault.com/a/1190000014700727 HTML代码： CSS代码： ...
分类：
Web程序 时间：
2018-12-23 15:19:30
阅读次数：
190
伪类 伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :active , :first child 以及 :nth child。 这里还有很多，接下来我们将要逐一进行介绍。此外，伪类前面总是加 ...
分类：
Web程序 时间：
2018-12-07 14:43:48
阅读次数：
134
伪类 - pseudo classes 首先看看CSS2中对伪类的定义： CSS 伪类用于向某些选择器添加特殊的效果 CSS3对伪类的定义： 伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括 ...
分类：
其他好文 时间：
2018-11-22 00:16:47
阅读次数：
207
