好文分享

实现思路： （推荐学习：css快速入门） 准备相同大小的多个图片 将要展示图片横排放在一个图片容器里面 在图片容器外再加一个展示容器，展示容器大小为图片大小 立即学习“前端免费学习笔记（深入）”； 给图片容器添加自定义动画，在动画不同阶段设置递增的偏移值 注意事项： 动画效果分为切换和停留两部分 自…

在CSS中，有4个关键字理论上可以应用于任何的CSS属性，它们是initial(初始)、inherit(继承)、unset(未设置)、revert(还原)。而all的取值只能是以上这4个关键字。本文将介绍initial、inherit、unset、revert和all。 initial 表示元素属性…

普通背景模糊 （推荐教程：css快速入门） 为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。 实现思路： 在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:af…

在开发页面的时候，遇到很多的列表都需要用到箭头，可以直接用图片作背景铺垫，纯CSS也能实现，并且没有兼容性顾虑，不用CSS3,相比而言，比图片更好用。 原理：一个高宽相等的正方形，选取你所需要的某一边，截取之，就是一个梯形，当高宽都为0，且其他边为透明颜色时，一个三角形就出来了 梯形代码： html…

可以通过text-shadow属性来实现文字外发光效果。 （推荐教程：css快速入门） 代码示例： h1{text-shadow: .2rem 0rem .5rem red,-.2rem 0rem .5rem red,0rem .2rem .5rem red,0rem -.2rem .5rem re…

css3新增伪类有：1、【p:first-of-type】；2、【p:last-of-type】；3、【p:only-of-type】；4、【p:only-child】；5、【p:nth-child(2)】。 （推荐教程：css快速入门） CSS3新增伪类有那些? p:first-of-type 选…

在css中visibility属性规定元素是否可见，其中visible为元素可见，hidden为元素不可见，所有主流浏览器都支持visibility属性，但是，任何的版本的Internet Explorer【包括 IE8】都不支持。 CSS visibility 属性规定元素是否可见。 visibl…

【display:none】与【visibility:hidden】的区别是：1、前者不为被隐藏的对象保留其物理空间，后者为被隐藏的对象保留其物理空间；2、前者值变成block的时候结构才会被加载进来，后者加载页面的同时就已经把它加载进来。 display:none 不为被隐藏的对象保留其物理空间 …

css中的display是设置元素显示的方式，block是一块状元素的方式显示，inline是以内联元素的方式显示，none是不显示，块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行。 css中的display是设置元素显示的方式，block是一块状元素的方式显示，inline是…

block元素的特点有：1、总是在新行上开始；2、高度，行高以及顶和底边距都可控制；3、宽度缺省是它的容器的100%，除非设定一个宽度。 块元素特点：1.独占一行2.元素的宽高和内外边距都可以设置3.宽度如果不设置就是父级元素的100%常见的块元素有以下几种：p div table h1 h2 h3…