CSS 伪类用于向某些选择器添加特殊的效果，而CSS引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。这里讲总结关于css伪类和伪元素的相关使用 伪元素 :before/:before 在某个元素之前插入一些内容； ::after/:after 在某个元素之后插入一些内容； ::firs ...
分类：
Web程序 时间：
2020-05-17 19:15:58
阅读次数：
62
CSS Girl我受到了图形、视觉设计和可爱东西的启发，但是我却在手绘上没有天赋。我喜欢看其他设计师在 Dribbble 上展示的插图，并羡慕他们可以绘制那么可爱和复杂的插图，非常的诱人。 故事时间开始，不过，这篇文章可能会让你饿哦。 我浏览了 Codepen ，探索了很多有趣的动画，看到许多神奇的 ...
分类：
Web程序 时间：
2020-05-17 01:36:42
阅读次数：
133
在IE下面，对于 type 是password的 input，输入中会出现一个鱼眼，这个鱼眼可以通过伪类隐藏掉。 1. 隐藏前： 2. 隐藏后： 隐藏方法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na ...
分类：
其他好文 时间：
2020-05-15 14:08:06
阅读次数：
98
设置滚动条的样式： div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例 ...
分类：
Web程序 时间：
2020-05-15 11:59:30
阅读次数：
170
昨日内容回顾 分组与嵌套 # 多个选择器可以并列公用一套css样式 div,p,span {} # 不同选择器之间也可以混合使用 .c1,#d1>span {} 伪类选择器 a:link {} a:hover {} # 需要记忆 a:active {} a:visited {} input:focu ...
分类：
Web程序 时间：
2020-05-14 19:17:01
阅读次数：
69
分组与嵌套div,p,span { /*逗号表示并列关系*/ color: yellow; }#d1,.c1,span { color: orange; }伪类选择器 Title 小轩在不在?点我有你好看哦伪元素选择器p:first-letter { font-size: 4... ...
分类：
Web程序 时间：
2020-05-14 01:37:35
阅读次数：
88
超链接a标签大家都应该很熟悉，这篇文章主要的讲的是a标签的基础css样式设置，下面我们来看一下css修改超链接颜色的方法。 css可以使用下面几个伪类来设置超链接： a:link ：是未被访问的样式，可以在里面加很多东西，比如说去掉下划线，换颜色等功能都能在这里实现； a:visited ：是已被点 ...
分类：
Web程序 时间：
2020-05-13 16:42:46
阅读次数：
85
* 分组与嵌套* 伪类选择器* 伪元素选择器* 选择器优先级* css属性相关(操作标签样式)### 分组与嵌套```pythondiv,p,span { /*逗号表示并列关系*/ color: yellow; }#d1,.c1,span { color: orange; }```### 伪类选择器 ...
分类：
Web程序 时间：
2020-05-13 15:21:50
阅读次数：
79
1..伪类、伪元素 伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入。CSS3 ...
分类：
Web程序 时间：
2020-05-11 22:03:03
阅读次数：
84
由于hover伪类添加的动画效果，仅当鼠标放在元素上时会被触发，而当鼠标离开时，效果会中断，会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦，CSS3便可以帮你解决这些问题。 <!DOCTYPE html> <html ...
分类：
Web程序 时间：
2020-05-11 18:55:22
阅读次数：
430
