伪类 一、链接伪类（又叫锚点伪类） (1) :link：用于给a标签设置点击前的样式，:visited：用于给a标签设置鼠标点击后的样式，:hover：给a标签设置当鼠标移入时显示的样式，:active：给a标签设置当鼠标摁下时显示的样式 由于a标签的:link和:visited可以覆盖a标签的所有 ...
分类：
Web程序 时间：
2019-12-27 00:30:38
阅读次数：
269
1.关于浮动 浮动的元素会脱离标准文档流（float）,从而不占据空间，实现了一行排列多个元素的效果 ，但是又导致上级元素height消失，处理这种情况的方法就是有两种： 1.第一种在css里写个伪类，哪些地方需要清除浮动，直接调用类名。 .clearfix::after{ display: blo ...
分类：
Web程序 时间：
2019-12-22 16:17:40
阅读次数：
88
今天学了啥？ winter的一篇专栏文章《伪元素是怎么回事儿？》 一、选择器优先级，其实我更喜欢最近 看的张鑫旭的《CSS选择器世界》里的优先级排序规则，虽然都是大同小异： 0级： 通配选择器、选择符（+、>、~、空格等）、逻辑组合伪类（：not()、：is()、：where等）； 一级：标签选择器 ...
分类：
其他好文 时间：
2019-12-22 00:37:40
阅读次数：
88
纯css实现属性结构 **css实现属性结构的思路是利用伪类实现树形结构连接线，如果想实现点击展开和收 缩以及复选框效果还得配合js来实现。其实展开和收缩就是一个点击元素其子元素隐藏 和显示的切换。** 效果图 html结构 <ul class="domtree"> <li> 1级菜单 <ul> < ...
分类：
Web程序 时间：
2019-12-19 11:25:42
阅读次数：
153
鲁先生曾经说过："html和css都不能算一门语言..." html确实不能算一门语言，他只是二三十个英语单词而已，但是css不一样，css是==艺术== 骚操作 上图的12个图标每一个用一个div和两个伪类和动画实现的，很秀 来自一个大佬是教程，代码我就不复制了 "B站视频地址上集" "B站视频地 ...
分类：
Web程序 时间：
2019-12-13 23:33:10
阅读次数：
180
一、超链接 二、CSS选择器 CSS的全称叫做： Cascading Style Sheets 级联样式表的缩写。 2.1 类型选择器 2.2 派生选择器 2.3 伪类选择器 <style > a{ text-decoration: none; color: black; } /*注意它们是有先后顺 ...
分类：
Web程序 时间：
2019-12-13 19:34:13
阅读次数：
116
：——是指的伪类 ：：——是指的伪元素 1.字面意思： 伪类，1.css中有类选择器，某些元素并未定义类名，就可以通过伪类赋予样式，如：【：nth-child(n)】；2.伪类可以应用于元素执行某种状态，如：【：hover】鼠标经过元素时 伪元素，创建一个新元素应用于文档，但是并不存在于文档中。 常 ...
分类：
Web程序 时间：
2019-12-10 22:36:48
阅读次数：
301
button{ position: static; } button:after { content: none; border: none; } 使用::after伪类选择器的方式去覆盖默认值 ...
分类：
微信 时间：
2019-12-10 17:24:16
阅读次数：
162
css3 实现右箭头→ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .divtest{ position: absolute; top: ...
分类：
Web程序 时间：
2019-12-10 16:55:45
阅读次数：
342
文档流指的是元素排版时，会自动从左往右，从上往下的流式排列方式。元素分为两类默认独占一行，不能与其他元素并列，可以容纳内联元素和其他块元素，可以设置高和宽，如果不设置宽，则默认设置宽度为父级的100%如：div dl dt dd h1~h6 ul li ol tr td hr p pre等 （2）行... ...
分类：
其他好文 时间：
2019-12-10 00:48:15
阅读次数：
87
