DaiDai的博客

自身浮动法 此代码较简单，左栏左浮动，右栏右浮动，主栏内容放在最后，用margin 值为左右的宽度来实现自适应 注意:不浮动的元素要放在浮动元素后面绝对定位法 此方法与自身浮动法相似，但是使用的是绝对定位，左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主题栏采用左右的margin值来撑开距离 注意:采用浮动的方法时，浮动元素本身会占据其位置（对不浮动的元素来说，都浮动的元素不占据位置

文本属性段落首行缩进 text-indent 表格属性表格边框合并 border-collapse:collapse 应用在table标签上 行内元素结构属性垂直对齐 vertical-align:top/middle 定义行内元素所在行的基线的垂直对齐，如textarea标签的描述文本的对齐 body 1.设置宽度为100%,即宽度为浏览器宽度 2.设置字体大小以

利用overflow:hidden,zoom:1强制外围块扩大到包含浮动元素 .clearfix{ overflow:auto; }上述代码可以在现代浏览器上工作，但是不支持IE6,如果需要支持IE6,就需要加入zoom:1.clearfix{ overflow:auto; zoom:1; } 若在两列或三列布局中，中间有一列的高度比较短，则后面的内容就会上移,需要在在外围d

水平居中 行内元素水平居中 用一个块状元素包裹，然后使用text-align:center居中 块状元素水平居中 将margin-left和margin-right设置为auto 多个块状元素水平居中 将块状元素的display转换为inline-*,然后在其父元素上使用text-align:center 使用flex进行布局 display: flex; justify-cont

在激活的样式后面使用::after伪类，然后在伪类中添加倒三角样式即可.active::after{ width:0; height:0; border:8px solid transparent; bordder-top-color:#337ab7; content:""; position:absolute; top:40px; l

盒模型以及相关样式盒模型介绍css的盒模型有两种，一种是w3c盒模型，一种是IE盒模型，以下分别介绍： 1. w3c盒模型 在标准的盒模型中: width = contentWidth height = contentHeight totalWidth = width + leftPadding + rightPadding + leftBorder + rig