一、清除浮动 为什么要清除浮动：父盒子不适合设定高度，子盒子浮动后不占位，导致父盒子高度为0，父盒子外的其它元素上移占位导致布局错乱方法：1. 额外标签法、2. overflow清除浮动、3. after伪元素清除浮动、4. 双伪元素清除浮动 1. 额外标签法 <!DOCTYPE html> <ht ...
分类：
Web程序 时间：
2020-09-12 21:40:29
阅读次数：
47
Css 知识点总结 css中选择器的权重大小： 通配符选择器（*）—— 0 标签选择器、伪元素选择器（::after ,::before）—— 1 类选择器、伪类选择器、属性选择器 —— 10 id选择器 —— 100 行内样式 —— 1000 ！important —— 无穷 对于定义样式的三种方 ...
分类：
Web程序 时间：
2020-08-24 15:12:35
阅读次数：
82
CSS伪元素 :first-line； :first-letter :before :after :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 <html> <head> <style type="text/css"> p:first-line { ...
分类：
Web程序 时间：
2020-08-19 19:19:47
阅读次数：
80
今天antd表格设置样式 ，被教育了一番，上来第一感觉这样式咋搞啊，一脸懵逼，还是css 掌握不牢固，今天记下css3复杂选择器。 1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b； 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b； 3.属性选择器 ...
分类：
Web程序 时间：
2020-07-29 12:46:09
阅读次数：
187
思路是： 我们不能直接对元素本身进行模糊处理，就对一个伪元素进行处理，然后将其定位到元素的下层，它的背景将会无缝匹配body的背景。margin-20px是用来扩大边距，因为模糊会在边缘减弱。 演示地址：http://www.sdfymj.com/invest/ 代码如下： body,main::b ...
分类：
Web程序 时间：
2020-07-27 14:00:32
阅读次数：
98
富文本文字的水平对齐方式除了我们常见的 左对齐，右对齐 ，居中对齐，还有两个比较少见的对齐方式，感觉像是微软的word发明的， 现在已经成了富文本的标准要求了 1：两端对齐 2：分散对齐 这个比较好理解 就是调整文字间距让文字填满一行。 这个两端对齐比较变态，它说白了就是当一行文字过多折行后出现两边 ...
分类：
其他好文 时间：
2020-07-25 09:45:22
阅读次数：
73
CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} :first-line ...
分类：
Web程序 时间：
2020-07-19 00:40:47
阅读次数：
88
CSS 清除浮动的方法 clear:both; overflow:hidden; 先简单记录一下，以后再补充。 补充：企业级清除浮动最佳方法 clearfix方案 使用伪元素after，在父元素尾部添加一个元素， 对这个伪元素添加清除浮动的样式 必备三个样式：content，clear，displa ...
分类：
Web程序 时间：
2020-07-17 22:27:05
阅读次数：
113
权重记忆口诀。从0开始，一个行内样式+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1 ...
分类：
Web程序 时间：
2020-07-16 21:26:58
阅读次数：
77
CSS 伪元素语法伪元素的语法：selector:pseudo-element {property:value;}CSS类也可以使用伪元素：selector.class:pseudo-element {property:value;}:first-line 伪元素"first-line" 伪元素用于 ...
分类：
Web程序 时间：
2020-07-16 00:24:54
阅读次数：
91
