随笔分类 - CSS
摘要：css引入的方式，一共有几种，分别是哪几种方式，有什么区别？ 一共有4中方式，分别为内联、内嵌、外联、导入。 第一种：内联 这种是在标签内直接写的，style=" "，如图所示： 给一个div块加一个宽高都为300px的样式。这种方式会让html代码冗余，做小demo或者刚接触html的可以使用，但
阅读全文
摘要：CSS盒模型 概念 CSS 盒模型本质上是一个盒子，盒子包裹着HTML 元素，盒子由四个属性组成，从内到外分别是：content 内容、padding 内填充、border 边框、外边距 margin 盒模型的分类 W3C 盒子模型(标准盒模型) IE 盒子模型(怪异盒模型) 两种盒模型的区别 宽度
阅读全文
摘要：方法一：position定位（适用于子盒子有宽度和高度的时候） 方法二：子元素绝对定位，距离顶部 50%，左边50%，然后使用css3 transform:translate(-50%; -50%)（子盒子有或没有宽高的时候都适用） 方法三：flex布局（子盒子有或没有宽高的时候都适用） 方法一的代
阅读全文
