随笔分类 -  css布局模型

摘要：元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 要设置width 如果没有设置 width 属性(或者设置 100%)，居中对齐将不起作用。 文本居中对齐： 如果仅仅是为了文本在元素内居中对齐，可以使用 text-align: center; 父元素 阅读全文

摘要：border-style：属性1，属性2，属性3，属性4 上->右->下->左 border-style：属性1，属性2，属性3 上->左右->下 border-style：属性1，属性2 上下->左右 border-style：属性1 上下左右属性相同 内联元素和块元素 display：inlin 阅读全文

摘要：弹性盒模型 - 弹性盒模型之flex属性: 在父类里使用 display：flex 三个块元素设置大小以及背景色，在父容器中添加flex。 技术点的解释： 1、设置display: flex属性可以把块级元素在一排显示。 2、flex需要添加在父元素上，改变子元素的排列顺序。 3、默认为从左往右依次 阅读全文

摘要：层模型之绝对定位: 如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于bo 阅读全文

摘要：浮动模型 块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。 任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示 阅读全文