CSS 通过选择器控制 HTML 元素，CSS 选择器对网页对象可以实现一对一、一对多或者多对一的匹配。 一、选择器的分类 CSS3 选择器在 CSS2 选择器基础上新增了属性选择器、伪类选择器、过滤选择器，减少了对 HTML 类名或ID名的依赖，避免了对 HTML 结构的干扰，使编写代码更简单轻松 ...
分类：
Web程序 时间：
2019-06-29 11:06:38
阅读次数：
977
效果地址：https://scrimba.com/c/cN3P6nfr 原理：两个椭圆，颜色部分为边框，下一半被伪元素覆盖。 感想：看了一眼大神的，代码比我的还少，得研究研究去。 HTML code： CSS code： ...
分类：
Web程序 时间：
2019-06-24 00:37:53
阅读次数：
155
前言：在我们写CSS样式的时候，float,position,display,overflow这几个关键字用得比较多。 弄清楚他们之间的原理，我们可以更高效的写出我们想要的布局。 作者：Ry-yuan 原文地址：http://www.cnblogs.com/Ry-yuan/p/6816290.htm ...
分类：
Web程序 时间：
2019-06-19 12:02:53
阅读次数：
2060
清除浮动最简单的方法就是给他的父元素加个.clearf{overflow:hidden;}缺一不可；还有别的就是给父元素添加伪元素之流：.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfloat{zoom:1}或者在浮动元素后加个空标签清除<divclass=&quo
分类：
其他好文 时间：
2019-06-14 20:06:29
阅读次数：
114
CSS清除浮动 先来看一个例子 此时，子盒子会撑开父盒子，会形成这样一个盒子，方便说明，假设父盒子相对子盒子有多出的部分(其实父子两盒子大小相同) 若给子元素加一个浮动，父盒子高度便会为零(这里假设父盒子有一定的高度，实则高度为0)。因为浮动的元素已经脱离标准流，而父盒子并未指定宽高。 ...
分类：
Web程序 时间：
2019-06-11 12:56:02
阅读次数：
107
在之前的文章中我们已经了解过选择器的使用, 如果想对同一个元素在不同的状态时,展示不同的效果,则需要使用到今天要讲的伪类选择器 A. 伪类选择器: 是一个以冒号作为前缀,被添加到一个选择器的末尾的关键字; 依据使用的方式,可以分为如下三种类型: a. 状态类伪类选择器: :checked; 当表单元 ...
分类：
其他好文 时间：
2019-06-04 22:17:58
阅读次数：
134
弹性布局 一个盒子，如果将其display属性设置为 flex ，该盒子变为弹性盒（弹性容器），该盒子的 所有子元素，自动变为弹性项目。弹性盒本身按照自身的定位体系排列，弹性布局影响的仅 仅是弹性盒中的弹性项目 。 属性 ： 1.flex-direction ：更改主轴方向 2.row 行 默认值 ...
分类：
其他好文 时间：
2019-06-04 09:37:02
阅读次数：
157
在非IE下使用text-align: justify; 但是由于该属性只有在多行文本才有效果,所以需要人为创造多行 添加一个伪元素： ::after { content: "", display: inline-block; width: 100%; } 在IE下需要使用text-justify: ...
分类：
其他好文 时间：
2019-05-31 19:30:40
阅读次数：
92
前端之CSS 三种引入css样式的方式 学习css的流程 css常用方法 ...
分类：
Web程序 时间：
2019-05-30 01:33:03
阅读次数：
117
前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:before、:after等。 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念，CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚 ...
分类：
Web程序 时间：
2019-05-27 09:11:59
阅读次数：
139
