!/usr/bin/env python# -*- coding: utf-8 -*-#前端基础之CSS#CSS 语法#CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。''' selector { #选择器 property: value; #属性：值 property: value; ...
分类：
Web程序 时间：
2017-07-22 13:16:46
阅读次数：
211
通常情况下，我们通过操作margin来控制元素居中，代码如下： 但当我们把position设置为fixed时，例如： 以上代码中的margin:0px auto;会出现失效问题，盒子并未居中。这是因为fixed会导致盒子脱离正常文档流。解决方法非常简单，只要应用如下代码即可： 若希望上下也可以居中， ...
分类：
其他好文 时间：
2017-07-21 13:20:27
阅读次数：
501
一、float属性取值：left：左浮动right：右浮动none：不浮动 二、浮动的作用块元素同行排列显示，一般用于排版、分栏显示。设置浮动属性后，脱离文档流向指定的左或右边对齐，直到父元素的边界或浮动的元素。注意：使用浮动后要及时清除，避免影响其后的网页元素。 三、清除浮动的必要性浮动后，脱离了 ...
分类：
Web程序 时间：
2017-07-21 12:35:32
阅读次数：
224
外边距:margin 边框:border 内填充:padding 内容:content 三种基本布局模型 流动模型:Flow html默认的就是流动模型 浮动模型:Float 通过float浮动让多个块元素一行 层模型:Layer 绝对定位 position: absolute; 脱离文档流，通过l ...
分类：
其他好文 时间：
2017-07-18 20:10:39
阅读次数：
191
标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML文档中的元素可以分为两大类：行内元素和块级元素。 1.行内元素不占据单独的空间，依附于块级元素，行内元素没有自己的区域。它同样是DOM树中的一个节点，在这一点上行内元素和块级元素是没有区别的。 2.块级元素总是 ...
分类：
其他好文 时间：
2017-07-16 23:35:54
阅读次数：
384
转自http://www.cnblogs.com/Jerry-Chou/archive/2011/11/02/2233094.html 1.先解释一下文档流 就是HTML的一种机制，块元素单独占一行（比如 div），内联元素不换行（a标签，img标签）； 2.几种定位方式 2.1 static HT ...
分类：
Web程序 时间：
2017-07-16 16:38:51
阅读次数：
177
基于浮动的布局 基于浮动的布局是最容易使用，也是最可靠的，只需要设置元素的宽度，然后设置为左或者右浮动即可。 1.两列浮动布局 假设页面总的宽度920px，两个元素间距20px。（display:inline 防止IE双外边距浮动产生的bug）；由于元素是浮动的， 将不再文档流中占据空间，将父节点 ...
分类：
Web程序 时间：
2017-07-14 21:13:55
阅读次数：
245
以前我觉得position:absolute;是可以脱离文档流的，float:left;也可以脱离文档流，就觉得二者是一样的，感觉可以去浮动的方法来解决position:absolute;引起的父元素塌陷问题，结果证明我错了。。。下边是一个demo. 1 <!DOCTYPE html> 2 <htm ...
分类：
其他好文 时间：
2017-07-11 23:21:39
阅读次数：
345
函数 用户自定义函数 引用传递参数 可变数量的参数列表 php如何声明定义函数 php如何处理参数传递 衿华客 php 教程 server 环境 frame 框架 case 实例 db 数据库 help 帮助文档 流程图帮助文档 ...
分类：
Web程序 时间：
2017-07-10 14:38:25
阅读次数：
235
相对定位（relative）：对一个元素进行相对定位，它将出现在它所在的位置上，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。，让元素相对于它的起点进行移动。 在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。 绝对定位（ ...
分类：
其他好文 时间：
2017-07-09 23:54:22
阅读次数：
210
