晨曦雨露的博客

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s

原理：通过js更改class从而实现切换效果。html：

在外面的大盒子相对定位，box绝对定位。通过JavaScript控制box的位置即可实现。html：

一、兼容html5标签使用html5.js来兼容。 百度云盘下载：html5.jshtml xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> meta http-equiv="X-UA-C

-moz-box-shadow:3px 5px 5px #969696;-webkit-box-shadow:3px 5px 5px #969696;box-shadow:3px 5px 5px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Streng

节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName（节点名称） nodeValue（节点值） nodeType（节点类型） nodeTypenodeType 属性可返回节点的类型。最重要的节点类型是： 元素类型节点类型元素(ELEMENT_NODE)1   

层级关系为：效果图：为改变参照物（橘色框）后的效果层级关系为：效果图：参照物为最顶级的元素情况。层级关系为：效果图： 仅使用margin属性布局绝对定位元素的情况此情况，margin-bottom 和margin-right的值不再对文档流中的

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？    一、抛一块问题砖（display： block）先看现象：    分析HTML代码结构：div class="outer">    div class="div1">1div>    div class="div2">2div>    div class="div3">3div>

CSS 绝对CSS 元素选择器浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时

overflow:hidden清除浮动原理BFC （Block Formatting Context）全称是块级格式化上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域

先来看两个overflow:hidden的使用例子。1、嵌套布局内部块元素设置float:left时，导致外部元素塌方，高度为0的问题。 CSS和HTML分别如下：.wrap { outline: red 1px solid; width: 250px; /*overflow: hidden;*/}.item { height: 20px;

用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化通过绝对定位实现See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen. 注意点如下：需要套一个“positioned”的父元素div-a 绝对定位，并将位置