![](https://img-blog.csdnimg.cn/20200401213559873.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
有关CSS技术方面的探讨
小杰90s
QQ:491583166,欢迎大家一起探讨web前端技术
展开
-
你真的了解CSS属性z-index吗
我们都知道,z-index属性规定了定位元素的层叠顺序,其值越大越层级越高,其值也允许被设为负值,z-index属性让元素有了z轴的特征,让元素有了远近之分。除了这个特征之外,还有一个比较重要的特征:z-index会受到html结构的影响:举个例子,a,b为父子元素关系,如果a是定位元素且设置了z-index为10,b也是一个定位元素并设置z-index为1000,你可能会认为b的层级会高于a,但是此时的实际结果是b的z轴定位不会超过a的的z轴定位,b的值设置的再大也不会超过父级元素的值10。总而言之这原创 2020-09-15 16:44:30 · 706 阅读 · 0 评论 -
sass用法介绍,看这一篇就够了
1.安装Sass通过命令行工具安装,需要先安装Ruby:gem install sass将.scss文件保存成.css文件sass test.scss test.css监视单个.scss文件,每次修改此文件时自动编译成.css文件sass --watch test.scss:test.css监视整个文件夹,文件夹里的.scss文件变动时自动编译成.css文件sass --watch...原创 2020-04-02 14:33:23 · 740 阅读 · 0 评论 -
怎样实现CSS水平垂直居中
1.使用绝对定位,top、right、bottom、left值相等,margin为auto需要注意的是:top、left、right、bottom的值不一定要为0,只要保持这四者的值相等即可,另外,margin:auto;属性也是必须的条件,否则无法实现效果2.使用绝对定位,top、left的值为50%,对应的margin为元素宽高的一半对于此思路的扩展,使用transform属性的变形...原创 2020-03-25 18:02:36 · 1350 阅读 · 0 评论