![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
PeggyCoding
这个作者很懒,什么都没留下…
展开
-
CSS中的flex和grid布局
1.flex布局 flex布局:flex布局是弹性布局,用来为盒模型提供最大的灵活性。任何一个容器都可以指定为flex布局。但是,设置为flex布局后,子元素的float,clear,vertical-align属性都会失效。 我们对于采用flex布局的元素,称为容器,对于子元素,称为项目。 布局原理:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。 1. 1 一些常见的父项属性(容器) flex-direction:设置主轴方向 row:默认值,水平方向从左到右 column:侧轴,垂直原创 2020-06-22 14:48:37 · 871 阅读 · 0 评论 -
CSS中水平居中,垂直居中,水平垂直居中
水平居中 块级元素给定宽度 margin:0 auto; 行内块元素居中: 将元素的display属性设置为inline-block,并且把父元素的text-align属性设置为center即可 text-align:center; 用绝对定位absolute position:absolute; left:50%; margin-top:-(元素宽度的一半)px; 利用flex布局 display:flex; justify-content:center; 垂直居中 单行文原创 2020-06-17 14:31:42 · 97 阅读 · 0 评论 -
关于CSS部分一些面试题的整理(自用)
CSS 1.1.1 CSS有哪些基本选择器?权重如何表示? CSS基本选择器有:属性选择器,类选择器和ID选择器。 CSS选择器的权重预示着CSS选择器样式渲染的先后顺序,元素样式渲染时,权重高的选择器样式会覆盖权重低的选择器样式。 通常将权重分为四个等级,可用0.0.0.0来表示这4个等级。 !important关键字优先级最高。 内联样式的优先级可以看成是1.0.0.0 ID选择器的优先级为0.1.0.0 类、属性、伪类的选择器优先级为0.0.1.0 元素、伪元素选择器的优先级为0.0.0.1 1.原创 2020-06-17 14:07:59 · 224 阅读 · 0 评论