![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css相关
css相关布局
haihanShang
这个作者很懒,什么都没留下…
展开
-
CSS选择器优先级 12.28
时隔2个星期,失踪人口回归了!从28号开始,要重新更新博客了!上个星期太沉迷于scss,做了很多很有意思的动画,之后也会考虑上传到博客上的。那么首先我们回到最最最爱的css,这个面试题其实蛮经典的,尽管我们在开发中对于css的继承已经非常熟悉,但是,总归还是要系统归纳总结,以免掏不出点东西来,或者说知道却不能很好的表达出来!!!!本篇参考菜鸟教程CSS 样式优先级要知道所有一切的优先级原则都是基于css样式的继承性接下来来看栗子啦(1,2咱们一起讲,虽然也没啥好讲的,这两个都是最基本的)CSS原创 2020-12-28 20:37:00 · 177 阅读 · 0 评论 -
css字体
css绝对长度单位(通常不用)css相对长度单位 px(像素) em(元素的字体高度) %(百分比) rem(根元素的font-size) vm(视窗宽度,1vw=视窗宽度的1%) vh(视窗高度,1vh=视窗高度的1%)em和rem的区别rem是相对于根元素(html)的字体大小,而em是相对于其父元素的字体大小em最多取到小数点的后三位总结,em其实会层层地继承父元素的字体大小,其实往往会造成混乱,所以相比来说,rem更为实用。...原创 2020-12-02 15:38:17 · 70 阅读 · 0 评论 -
position定位
1.static(没有定位,不能偏移,也就是left等不生效) 所有的元素如果不进行定位,默认都为static2.absloute(绝对定位) 设置为absolute,它需要向上找一个定位的父元素(也就是被设置了除static以外的值)为基准来定位, 如果没有,则就会以浏览器窗口为基准定位。3.relative(相对定位) 相对的意思就是相对于其正常的位置(也就是为static)的时候,以它为基准,进行偏移fixed(绝对定位) 以浏览器窗口为基准进行定位inherit(继承)原创 2020-12-02 11:23:41 · 202 阅读 · 0 评论 -
css实现垂直居中(+水平居中)
非常基础的东西,我们直接上example,下列我们只介绍垂直居中,如果要实现双居中,给子元素加一个margin:0 auto即可。前三个方法都是限于块级元素的。方法1(块级元素)给子元素添加 align-self: center,父元素添加 display: flex;方法2(块级元素)给父元素添加伪元素方法3(块级元素)暴力移动- - -方法4(行内元素)我们给父元素加上lineheigt,使其值等于自己的高度即可。...原创 2020-11-29 22:43:23 · 101 阅读 · 0 评论