melody_day的博客

http://peiwen.lu/SassReferenceChineseTranslation/ https://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass/

1、最近流行的东西。 2、js对象构建的方式。 3、js继承的6种方法。

1.当两个对象为上下关系时，而且都具备margin属性时，上面的margin-bottom与下面的margin-top会发生塌陷 当margin-bottom和margin都为正数时，结果为两者之间的最大值 #a{ background:red; width:150px; height:150px; margin-bottom:50px; } #

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： 不同部分的说明： Margin(外边距) - 清除边框外的区域，外边距是透明

src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。 浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link，而不采用@import加载css的原因。 src是source的缩写，src的内容是页面必

img { float:right } 在下面的段落中，我们添加了一个样式为 float:right 的图像。结果是这个图像会浮动到段落的右侧。 This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This i

一、Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inline-flex; } Webkit内核的浏览器，必须加上-we

首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 想对诸如元素状态变化或位置进行样式定义则需要用到伪类(Pseudo Classes)和伪元素（Pseudo Elements）。比如对

http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html http://www.html-js.com/article/1866 http://www.ibm.com/developerworks/cn/web/1409_chengfu_css3flexbox/ NEC上的用负边距消除宽度，用弹性布局

http://www.360doc.com/content/13/0102/22/6541311_257754535.shtml

http://www.cnblogs.com/lhb25/archive/2013/12/28/loading-spinners-animated-with-css3.html http://www.cnblogs.com/justinw/archive/2010/06/16/1758922.html

1、异步加载和延迟加载。 异步加载： 1、async。 2、动态加入script标签。（script  Dom  element） var  s = document.createElement("script"); s.type = text/javascript; s.async = true; 缺点：在其执行完以前阻塞onload执行 3、onload时异步加载。 将上述代