CSS 清除浮动与BFC的方法
BFC BFC：块级格式化上下文 BFC的布局规则 内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 计算BFC的高度时，浮...
css中有序无序列表项list样式设置方法
在无序列表ul>li中，无线列表的标志是出现在各列表前面的圆点。在有序列表ol>li中，前面默认带有数字，如何修改列表前面的项目符号，只需要通过list-style调整就好，常见的符号有（/*内容...
CSS选择器中的正则表达式使用
一 是的，CSS也有正则（阿门） CSS装逼两利器：矩阵和正则。 其实呢，我们也不必惊讶，CSS毕竟也是一门语言，而且正则本来就是有利于某个具体语言之外的东西。 二 正则表达式的一些通用规则 无...
纯CSS实现取字符串的第一个字符实现文字图标功能
如何通过CSS实现文字图标 /*图标样式*/ .nav-icon-normal { width: 32px; height: 32px; line-height: 33px; display: inline-block; border-radius: 6px; background-color: #b3b4c5; ve...
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
分享一个用纯 CSS3 实现的，漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果，始终显示标签label，并显示 placeholder（占位符）文本。 演示地址：https://...
HTML/CSS中的空格处理及如何保留页面中的空格
HTML中的空格的规则 在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了。同时内容前后的空格也会被清除， 如下： <p> fly63 com </p> 显示效果为： fly63 c...
css实现旋转翻牌动画效果
css动画之旋转翻牌效果，具体内容如下所示： 1、我们先设置两个盒子大小，颜色等等，然后定位重叠在一起，最后再进行动画设置 例子如下： <style> .box { height: 300px; width: 300px; p...
HTML+CSS+JS实现堆叠轮播效果的示例代码
效果： 轮播图在向一个方向移动的同时，要对其每一个图片的大小，位置，透明度以及层级进行改变 原理： 轮播图向左移动时将第一个子元素剪切到末尾，轮播图向右移动时，将末尾子元素剪切到最前...
CSS画心形的三种方法
下面，介绍三种CSS画心形的方法。实现过程都非常简单，保证你一看就会。 1.一颗div一颗心 用一个div画出一个心，核心的方法就是使用伪元素。 首先，我们在页面上先写出一个div： <div><...
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
html：其实就是根据table标签把几个实心圆div进行等边六角形的排布，并放入一个div容器中，然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现，当然不要忘了把div容器的外边框设...