CSS 中的六个重要选择器(三秒就可以记住)
来自：https://blog.csdn.net/qq_44761243/article/details/108227213 CSS 的选择器有哪些？？？ 1.通配符（*） 也可称作全局选择器或者通用选择器，顾名思义，就是定义所有的元素的样式。常用...
详解flex布局与position:absolute/fixed的冲突问题
之前笔者在开发项目的过程中就遇到了这个坑，flex布局与position:absolute/fixed的冲突问题。后来想到了解决办法，今天就与大家一起交流一下： 项目实战： 我们现在想做一个头部的导航栏，又想...
纯CSS3+DIV实现小三角形边框效果的示例代码
具体代码如下所示： html代码是这样的 <div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> <...
CSS中@用法小结(示例详解)
at-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它语...
解决移动端1px边框最好的方法(推荐)
在移动端开发时，经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。 1px 边框问题的由来 苹果 iPhone4 首次提出了 Retina D...
css counter计数器与content总结
content属性早在css2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。content属性现在已经得到大部分浏览器的支持，关于content属性的支持情况可以在caniuse.com网站上进行查找...
div自适应高度自动填充剩余高度
方案1： Html： <div class="outer"> <div class="A"> 头部DIV </div> <div class="B">下部DIV </div> </div> CSS： ...
纯css实现轮播图banner自动轮换效果
话不多说 直接上代码 * { margin: 0; padding: 0; } .container { margin:300px auto; height: 400px; width: 1146px; overflow: hidden; } /* .wrap */ .wrap { position: relative; width:100...
CSS 容器背景 10 种颜色渐变Demo（linear-gradient()）
语法 background: linear-gradient(direction,color-stop1,color-stop2,...); direction：用角度值指定渐变的方向（或角度）。 color-stop1,color-stop2,...：用于指定渐变的起止颜色。 注意：...
CSS心形加载的动画源码的实现
废话不多说上代码，代码很简答，研究一下就明白了，有不明白的可以问我。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title&...