[CSS 中文开发手册:-moz-ui-invalid (Extensions) - CSS 中文开发手册非标准此功能是非标准的。不要在面向Web的生产站点上使用它：它并不适用于每个用户。实现之间也可能存在很大的不兼容性，而且这种行为在未来可能会发生变化。:-moz-ui-invalidCSS伪类代... ...
分类：
Web程序 时间：
2020-07-12 01:16:06
阅读次数：
94
.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
[CSS 中文开发手册:empty (Selectors) - CSS 中文开发手册该:empty伪类代表没有子节点的所有元素。这里只考虑元素节点和文本（包括空格）。注释或处理指令不影响元素是否被认为是空的。/* Selects any that contains no content */div:... ...
分类：
Web程序 时间：
2020-07-06 21:32:19
阅读次数：
103
前言 通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按css2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。 要 ...
分类：
其他好文 时间：
2020-07-05 01:02:10
阅读次数：
77
CSS基础总结 选择器 CSS选择器分为元素选择器，组合选择符，属性选择符，伪类选择符，伪对象选择符五种。 一、元素选择器 1.通选符： *{ } >选择所有元素 2.类选择器： .class{ } >选择带有该类的标签 3.id选择符： #id{ } >选择带有该ID的标签 4.标签选择符： 标签 ...
分类：
Web程序 时间：
2020-07-05 00:55:57
阅读次数：
90
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
现在，Safari（技术预览版106）和Firefox（版本78）的预览版均支持新的CSS :is() 和 :where() 伪类。 Chrome的实施仍然落后。 使用 :is() 减少重复 你可以使用 :is() 伪类来删除选择器列表中的重复项。 /* BEFORE */ .embed .save ...
分类：
Web程序 时间：
2020-07-03 15:57:17
阅读次数：
93
选择器的权重 伪类 :hover 当鼠标悬浮在元素上方时，向元素添加样式 :active 向被激活的元素添加样式 :first-child 向元素的第一个子元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :link 向未被访问的链接添加样式 :visited 向已被访问的链接添加样式 ...
分类：
Web程序 时间：
2020-07-03 15:14:41
阅读次数：
55
使用伪类 + transform方案： 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit ...
分类：
其他好文 时间：
2020-07-02 13:17:20
阅读次数：
51
