浮动元素的四大特性： 1.浮动的元素脱标（脱离标准文档流） 2.浮动的元素互相贴靠 3.浮动的元素由"子围"效果 4.收缩的效果 清除浮动的四种方法： 给父盒子设置高度 clear:both 伪元素清除法 overflow：hidden 伪元素清除法： div::after{ display: bl ...
分类：
Web程序 时间：
2020-04-21 15:29:42
阅读次数：
89
一、1px边框问题 用伪元素模拟边框然后缩放0.5 二、横向滚动条 1.滚动产生需满足的条件 竖向滚动必须有一个定高，横向滚动条必须有定宽，一定不能由内容撑开。 滚动容器中的内容占据的高度要大于滚动容器本身的高度 当条件同时满足时才会出现滚动条。 正常文档流的情况下，水平盒子如果排不开会自动换行 那 ...
分类：
移动开发 时间：
2020-04-16 00:36:33
阅读次数：
86
基本概念 盒模型由 margin + border + padding + content 四个属性组成，分为两种：W3C的标准盒模型和IE盒模型。 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - ...
分类：
Web程序 时间：
2020-04-13 00:53:22
阅读次数：
81
现在我们经常在 html 源码中看到如下的写法： 这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。 伪元素 首先我们要明白什么是伪元素，css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为： s ...
分类：
Web程序 时间：
2020-04-12 00:04:20
阅读次数：
67
CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} :fir ...
分类：
Web程序 时间：
2020-04-08 09:28:35
阅读次数：
82
一、伪类选择器 伪选择器弥补了常规选择器的不足，能够实现一些特殊情况下的样式，例如在鼠标悬停时或只给字符串中的第一个字符指定样式。与类选择器类似，可以从HTML元素的class属性中查看到，但伪选择器不会出现在HTML文档中（有几个例外,如:lang、::placeholder等）。并且它的关键字大 ...
分类：
Web程序 时间：
2020-04-07 09:57:58
阅读次数：
119
一、CSS与HTML的四种结合方式： 优先级：一般情况下，由上到下，由外到内。优先级由低到高。 二、CSS的三种基本选择器 标签选择器： class选择器： id选择器： 优先级：style id选择器 class选择器 标签选择器 三、CSS的扩展选择器 关联选择器 组合选择器 伪元素（伪类）选择 ...
分类：
编程语言 时间：
2020-04-03 11:51:58
阅读次数：
70
这篇文章会记录我们平时常用到的CSS片段，使用这些CSS可以帮助我们解决许多实际项目问题中遇到的，墙裂建议点赞收藏再看，方便日后查找清除浮动浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个<div></div>；不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的
分类：
Web程序 时间：
2020-04-02 10:29:33
阅读次数：
101
大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 大家的支持是我创作的动力。 选择器的优先级 众所周知，选择器是有权重的，优先级从低到高，如下所示： 类型选择器（例如，h1）和伪元素（例如，::before） 类选择器 ...
分类：
Web程序 时间：
2020-03-23 20:07:07
阅读次数：
80
1、渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能2、选择器(选择符): id class 类型(div span...) 后代选择器 伪类选择器 伪元素选择器...（ ...
分类：
Web程序 时间：
2020-03-21 12:49:34
阅读次数：
97
