经过多次测试和网上的参考答案，我认为最好的清除方法是使用 after伪元素 和 zoom来清除浮动，在父级元素上添加样式： ...
分类：
Web程序 时间：
2019-11-03 23:36:26
阅读次数：
99
流浏览器自带的滚动条样式很丑，确实有必要美化。 滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成： ::-webkit-scrollbar 定义了滚动条整体的样式； ::-webki ...
分类：
其他好文 时间：
2019-11-03 12:25:26
阅读次数：
93
原理： 1. 创建1个div 2. 用伪元素:before和:after，画出一个粉色的圆和一个黄色的圆，并将圆心分别定位在正方形的左边和上边。 注意： 设置:before和:after时必须设置其content属性，否则伪元素就不起作用 伪元素不属于文档，所以js无法操作它 伪元素属于主元素的一部 ...
分类：
Web程序 时间：
2019-11-01 18:03:40
阅读次数：
494
焦点元素，添加半透明遮罩 效果图 html ? 备注： 图片不能设置伪元素，所以需要外面套一层壳子，在壳子上获取焦点，添加样式 scss ? 备注： 1. 可以用border，不设置outline； 2. 获取焦点前就让元素自身就有border，border color设置为transparent； ...
分类：
其他好文 时间：
2019-11-01 14:44:42
阅读次数：
116
::before ::after CSS3中的伪类和伪元素 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first- ...
分类：
Web程序 时间：
2019-10-30 16:52:26
阅读次数：
191
after :在内容后边 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>after</title> <style type="text/css"> div { width: 300px; height: 1 ...
分类：
Web程序 时间：
2019-10-30 13:50:35
阅读次数：
78
1. Safari 3D变换会忽略z index的层级 在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及Mac OS X系统的Safari浏览器)，当我们使用3D transform变换的时候，如果祖先元素没有overflow:hidden/sc ...
分类：
Web程序 时间：
2019-10-30 10:27:41
阅读次数：
98
HTML有标签，CSS就有选择器，选择器就是赋予内部或者外部样式表的名字，当查找到一个或多个HTML元素后，再通过声明属性加样式。常用的样式选择器包括：HTML选择器、类选择器、ID选择器、组合选择器、关联选择器、伪类和伪元素。 1 HTML选择器 HTML选择器，即HTML的标签，用来改变一个指定 ...
分类：
Web程序 时间：
2019-10-29 09:30:33
阅读次数：
101
选择器优先级别<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>选择器的优先级别</title><style>/*标签选择器*/div{color:red;}/*通配符*/*{font-size:50px;}</style>&l
分类：
其他好文 时间：
2019-10-25 23:45:12
阅读次数：
156
1、属性选择器 属性选择器，可以根据元素特定的属性来选择元素，这样就不用借助 类 或者 id选择器。 E [ att ] 选择具有 att 属性的 E 元素 例如：input [ value ] E [ att = 'val' ] 选择具有 att 属性且属性值等于 val 的 E元素 E [ at ...
分类：
Web程序 时间：
2019-10-25 15:04:22
阅读次数：
123
