![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css复习专栏
四灵妖
这个作者很懒,什么都没留下…
展开
-
如何水平垂直居中?
1.绝对定位,利用负边距:父元素(position:relative),且把子元素的position设为absolute,绝对定位;以及设置left和top为50%;绝对定位的百分比是相对于父元素的宽高。其实此时,我们可以知道,子元素的左上角这个点,是水平垂直居中的,当我们设了负边距时,负的外边距可以让元素向相反方向定位,我们可以理解为这个子元素向上向左各移了自身长度的一半,这就达到了水平垂直居中。这种方式比较好理解,兼容性也很好,缺点是需要知道子元素的宽高2.Transform,和上面的方法同理,原创 2020-08-02 17:41:32 · 328 阅读 · 0 评论 -
css的两种盒模型的区别?
当对一个文档进行布局的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型,将所有元素表示为一个个矩形的盒子。CSS 决定这些盒子的大小、位置以及属性(例如颜色、背景、边框尺寸…)。其实每个元素都是一个一个的盒子,它由margin,border,padding,content组成,平时我们就在对里面的content设置各种样式,整体的盒子就会根据设置的样式渲染在浏览器中。两种盒模型:1.W3C标准盒模型box-sizing="content-box";当我们对一个元素设置他的width原创 2020-08-02 12:21:12 · 1930 阅读 · 0 评论