浅谈CSS

Xixibao
11 min readMar 15, 2021

之前我们大概总结了关于HTML,以及网页如何传输,还有浏览器如何显示我们的页面的知识点。

下面讲讲CSS,它主要用于渲染我们的页面。

我们知道的是HTML里面有很多的标签,那如果我们只有那个标签的内容的话,它就会排列混乱,因为没有东西可以约束它的排版。

所以就出现了CSS。 CSS其中一个知识点就是盒模型,也就是把每一个元素都装到了一个盒子里,然后就可以实现给这个盒子定位,设置元素内容的边框,颜色等等就更方便整齐了。CSS的盒模型包括两个,一个是标准盒模型,还有一个是IE盒模型。 当写CSS的时候,如果给相应元素写了box-sizing 属性,就代表设置了一个盒模型。box-sizing 属性一共有三个,分别是border-box, padding-box,和content-box. border-box就是那个盒模型的height 和width一直包括到了border那一层。然后content-box 就只包括最中间的content部分啦!这个在之后计算元素之间的宽度大小的时候会有用,关于盒模型大家可以自己去网上查一下图片,最中间是content,依次向外就是padding, border,margin .

--

--