1、块级元素 A:特点： A.1默认显示在父标签的左上角 A.2块级元素默认占满一行（占满整个文档流） B：常见的块级元素 P h1--h6 ul li ol li div hr table2、行内元素(内联元素) A:常见的=行内元素有 a span im...
分类：
Web程序 时间：
2015-09-22 23:43:08
阅读次数：
330
HTML代码：div.box>span+divCSS代码：box相对定位，span在box内绝对定位，div绝对定位超出其自身宽.box{ width:350px; height:350px; background: url(imag...
分类：
Web程序 时间：
2015-09-18 18:22:40
阅读次数：
194
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border...
分类：
其他好文 时间：
2015-09-18 15:28:16
阅读次数：
140
1. BFC定义(非学术)BFC是一块独立渲染区域，决定了其包裹的子元素的定位方式。2.BFC形成条件下列情况将创建一个块格式化上下文：根元素或其它包含它的元素浮动 (元素的float不为none)绝对定位元素 (元素的position为absolute或fixed)行内块 inline-block...
分类：
其他好文 时间：
2015-09-18 12:01:04
阅读次数：
178
什么是网页布局——网页布局是网页制作的基础。DIV+CSS布局网页。流式布局、浮动布局、绝对定位布局。标准文档流、例子模型、FLOAT属性、POSITION属性。自动居中——列布局安全——例子模型的使用方法。浮动布局案例——float属性、解决浮动影响的方法。绝对定位布局案例——绝对定位实现横向两列...
分类：
Web程序 时间：
2015-09-17 13:06:36
阅读次数：
134
标准文档流是指除了绝对定位和浮动的其他元素，按其他元素的排列规则。元素塌陷的解决方法；第一种，在浮动元素的下一元素中就样式 clear：both；清除浮动的影响。第二种：在浮动元素的父元素中加入样式overflow:hidden。第三种：设置准确的高度。（不常用）第四种：.clearfix:afte...
分类：
其他好文 时间：
2015-09-13 23:05:39
阅读次数：
170
在网页的顶部或者底部导航栏中经常需要使用到固定层的效果，即紧挨浏览器窗口的顶部或底部而网页其他内容的影响。一、实现主要通过设置导航栏元素的位置属性position="fixed"来实现导航栏的固定效果。学习过bootstrap框架都知道，在为网页设置顶部或底部导航栏时，需要为div或者ul列表设置c...
分类：
Web程序 时间：
2015-09-13 18:39:28
阅读次数：
343
要实现的效果如下点击“登录”按钮后，弹出登录小窗口，并且有遮罩层（这个名词还是百度知道的，以前只知道效果，却不知道名字）在没有点击“登录”按钮之前登录小窗口不显示，点击“登录”按钮后小窗口显示，并且遮罩层笼罩整个页面，使整个页面的其他元素暂时失去行为。遮罩层的实现：相对于body绝对定位，宽度和高度...
分类：
Web程序 时间：
2015-09-12 21:36:54
阅读次数：
374
方法一: line-height居中显示.vertical { line-height:200px;//这里将跟height一样 } 方法二：position定位方式 给容器设置绝对定位（position:absolute）,并且定位高度（top:50%）和margin-top为高...
分类：
Web程序 时间：
2015-09-12 16:02:03
阅读次数：
151
阅读前提：充分理解div的三种定位方式：浮动，相对定位，绝对定位方法一（顶部） 原理：直接使用css 进行控制；缺点：不兼容ie6-； 实现：position:fixed; top:0方法二（顶部） 原理:获取页面被卷曲的高度(LEN)，复制给 obj.STYLE.TOP=LEN，缺点，效果...
分类：
Web程序 时间：
2015-09-11 17:16:47
阅读次数：
157
