清除浮动的方法详解

本文章主要介绍了清除浮动的方法,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、浮动的定义   使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。   文档流:...

CSS实现三角形详解

本文章主要介绍了CSS实现三角形,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!将一个div的宽度和高度设置为0,然后设置边框样式 .triangle{ width: 0;...

伪类和伪元素详解

本文章主要介绍了伪类和伪元素,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、伪类(pseudo classes)   用于已有元素处于某种状态时为其添加对应的样式,但是通过DOM树又无法表示...

postcss-pxtorem详解

本文章主要介绍了postcss-pxtorem,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、概念   postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。...

移动端开发字体自动放大详解

本文章主要介绍了移动端开发字体自动放大,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、概念   这是webkit内核移动浏览器特性导致的,这个特性被称做Text Autosizer,又称Fo...

CSS宽度或者高度设置100%和inherit的区别详解

本文章主要介绍了CSS宽度或者高度设置100%和inherit的区别,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、相同点   大多数情况下,两者作用是一样的。 ① 父容器width/he...

CSS选择器方法总结详解

本文章主要介绍了CSS选择器方法总结,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、nth-child和nth-of-type的区别   测试一段代码,如下所示: <!DOCT...

CSS中的/deep/理解详解

本文章主要介绍了CSS中的/deep/理解,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、含义   /deep/ 深度选择器 二、用法   在vue中,我们为了避免父组件的样式影响到子组...

inline-block元素去除间隙详解

本文章主要介绍了inline-block元素去除间隙,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、现象   元素分类:   常见的block块级元素:   div、p、h1…h6...

线性渐变、径向渐变以及圆锥渐变详解

本文章主要介绍了线性渐变、径向渐变以及圆锥渐变,具有不错的的参考价值,希望对您有所帮助,如解说有误或未考虑完全的地方,请您留言指出,谢谢!一、linear-gradient:线性渐变   线性渐变的方向是一条直线,可以是任何角度,语法如下...