前端css
文章平均质量分 78
Jacki你可太菜了
仅记录学习过程中的遇到的坑,在坑中进步
展开
-
由:before和::before引发的伪类以及伪元素思考
又是踩坑的一天!今天项目中看到了样式表中对一个类添加了::before,自己心想以前用:hover的时候是单引号,这里用双引号是什么用法。自己想了一会也犯嘀咕,好像平时确实没有太注意这个写法问题,上网搜了一下,特此记录。 区别 首先先给出这两种写法的区别吧,先解决上面的疑惑。 单冒号用于CSS3伪类以及CSS2中的伪类以及伪元素 双冒号用于CSS3伪元素 要完全理解这两句话,需要先弄清楚伪类以及伪元素的区别 伪类 从名称的“类”不难推测,本质上是为了弥补常规css选择器的不足,用于选择DOM树之外的信息原创 2021-09-23 14:23:21 · 191 阅读 · 0 评论 -
Flex布局详解
Flex布局详解 现如今前端使用最多的布局方式,要数flex布局。以往的布局多是使用position、float等属性来控制,且不说比较繁琐,还容易造成其他问题,比如使用浮动时就需要处理塌陷等问题。而flex布局旨在灵活,可以很容易达到垂直居中、两边对齐等这种效果的布局。所以本文特意记录一下flex布局的使用和注意点,也方便自己使用过程中解惑 基本概念 flex布局也就是弹性布局,首先了解一个概念——容器。何为容器,其实很容易理解,就是使用了flex布局的元素。如果一个元素的样式中设置了布局方式为flex,转载 2021-09-17 16:10:31 · 1104 阅读 · 0 评论