heshan1992的博客

DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> .div{ /* overflow: hidden;*//*利用该属性或者通过给父级元素设置border可以避免出现父级元素的margin合

昨天不知道因为网速的原因还是怎么会回事，该题的图片没有显示，但是感觉是要实现两栏式布局，不要求自适应，应该利用BFC的知识就好了，只要两个子元素分别形成BFC即可。 形成BFC的方式： （1）float：Left、right （2）position: absolute、fixed （3）display：inline-block、table-caption、inline-table （4）o

一、JS阻塞   所有的浏览器在下载JS文件的时候，会阻塞页面上的其他活动，包括其他资源的下载以及页面内容的呈现等等，只有当JS下载、解析、执行完，才会进行后面的 操作。在现代的浏览器中CSS资源和图片image资源是并行下载的，在IE6中默认的并行的加载数目是2个，在IE6以后以及其他的浏览器中的默认的并行加载数目是6个。在浏览器从服务器接收到HTML文档后，并把HTML在内存中转换为DOM

实现三栏式布局的经典方法有：双飞翼布局、圣杯布局，两者都是利用了父margin来达到想要的效果，同时也是遵循重要的内容优先加载的原则（先加载center），只是在实现上稍微有些不同，同时利用CSS3的flex布局也可以实现以上效果。下面介绍下具体的实现方法： （1）圣杯布局 原理：三个部分均被一个div元素进行包裹，同时优先加载center，利用float使元素进行浮动，其中的主要点就是利

只要position的属性值设置的不是默认的值则定位的元素都将脱离文档流1、static是position的默认的值，按照正常的文档流进行排版，设置了该属性值得元素的top，left属性均不起作用。2、Fixed属性值是相对于浏览器窗口定位的（及视口坐标），设置该属性后的元素是独立的，他脱离文档流，当拖动滚动轴时该元素在浏览器窗口中的位置不会发生变化。时3、所有的父级元素均没有设置po

CSS的内联元素和块级元素块级元素-、p、dt是不可以内联块级元素的1、block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。 

CCS中让div等块级元素在父级元素中居中的方法：（1）div{  margin：0 auto   }  该方法只能实现水平的居中，无法实现元素的垂直居中（2）当div元素的宽高是固定的，然后设置位置为绝对位置absolute，左边框和上边框的距离设置为50%，这个50%就是指具有定位为absolute或者是relative的祖元素的宽度和高度的50%，最后将该DIV分别左移和上移，左

利用float进行页面布局时常常会出现父级元素没有高度的塌陷问题，如以下代码：DOCTYPE html>html> head lang="en"> meta charset="UTF-8"> title>title> head> style> .father-div{ background-color: #0

实现瀑布流的要点：（1）等宽不等高（2）可以利用懒加载一、利用纯JS方式实现瀑布流：HTML文件如下： 瀑布流布局

利用document.compatMode可以用来判断浏览器的模式是标准模式还是混杂模式，（1）       CSS1Compat表示的是标准模式（2）       BackCompat表示的是混杂模式不同的模式获取宽高的方式是不一样的，为了兼容一般要么对浏览器的工作模式加以判断严要么则是利用利用||运算兼容标准模式：document.documentElement.clientHeig

自适应正方形就是在浏览器屏幕大小不一样或者采用小屏设备的时候，正方形要能够自适应的保持宽高比进行缩放，具体的实现有以下几种方式： 一、利用vw、vh、vmin、vmax vw表示的是viewport的宽度，也就是视口的宽度，vh表示的是视口的高度，vmin=min{vw,vh}取的是两者中较小的值，vmax ={vw,vh}，1vm = 1% viewport width其他同理，所以利用上诉的