摘要：
1、首先看inine元素的换行情况 显示情况： 如果想让字母、数字进行换行显示，有两种设置方法，第一种是在父包含元素设置 word-break: break-all，另外一种是：word-wrap：break-word； 这两种都有可能会打破元素的连续性，进行破坏性换行。 下面这篇文章有助于理解 你 阅读全文
css中margin重叠和一些相关概念（包含块containing block、块级格式化上下文BFC、不可替换元素 non-replaced element、匿名盒Anonymous boxes ）
摘要：
平时在工作中，总是有一些元素之间的边距与设定的边距好像不一致的情况，一直没明白为什么，最近仔细研究了一下，发现里面有学问：垂直元素之间的margin有有互相重叠的情况；新建一个BFC后，会阻止元素与外界元素的重叠现象。 先了解几个概念：可替换元素、不可替换元素（non-replaced elemen 阅读全文
摘要：
1 // Date.UTC() 方法接受的参数同日期构造函数接受最多参数时一样，返回从1970-1-1 00:00:00 UTC到指定日期的的毫秒数。 2 var utcDate = Date.UTC(2016,1,1); 3 4 // getTime() 方法的返回值一个数值，表示从1970年1月1日0时0分0秒（UTC，即协调世界时）距离该日期对象所代表时间的毫... 阅读全文
摘要：
先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性； inline元素不会独 阅读全文
摘要：
1、两列定宽，中间自适应要点：浮动、负边距效果、mainbox增加内容div并设置margin、:after清除浮动原理：mainbox的浮动并将其宽度设置为100%，次要内容及侧边栏设置固定宽度并浮动，mainbox中的.contentd的默认宽度设置为值（auto），margin左右所留的空白等... 阅读全文
摘要：
两列布局： 1、两列定宽： 要点：float、width固定、 :after清除浮动。 前提：两列的盒模型宽度相加不能大于父元素的宽度，否则会出现错位现象。 2、两列宽度自适应 要点：float、width百分比、 :after清除浮动。 3、左侧定宽，右侧自适应 要点：浮动、定位、负边距效果 :a 阅读全文
摘要：
方法说明：1、将一个div块的内容设置为空(content=" "),2、设置它的边框（上下左右）颜色为透明（transparent），3、设置它的左侧边框颜色为pink。tips：一个没有内容的div的上下左右的边框形状是下面这个样子的： 左右边框是三角形、上下边框是梯形。具体代码如下：... 阅读全文
摘要：
方法说明：两个正方形，一个小的，一个大的，将大的正方向进行旋转，然后移动到小的正方形的合适位置，覆盖小正方形的一部分，使小正方形剩余部分为三角形，再把大正方形的背景色改为浏览器窗口的颜色。用到知识：css3 变形-旋转 transform:rotate(Xdeg);css 定位 position:r... 阅读全文