（1） margin负值能让没有宽度的盒子变大。
对于有宽度的盒子，没有浮动，只有margin-top 和margin-left 有效；如果浮动，margin-浮动方向 有效，-top有效，margin-bottom 无效。（不可能设置一个margin-bottom或者right=0px 盒子就到边上了，如果这样哪就差不多成定位了）
（1.1）margin的问题：
margin-top的拖拽：子级的margin-top给了父级
解决： 给父级加上边框
给父级加overflow:hidden;
用父级padding-top代替子级的margin-top
margin的合并：
解决：写一个方向
(1.1)清浮动三种方法：
1.给父级加overflow:hidden;
2.给浮动元素同级加空div div{clear:both;}
3.给父级加类名clearfix
.clearfix:after{content:''; display:block; clear:both;}
(1.2)浮动特性：
浮动有方向
宽度靠内容撑大(前提是没有设置宽度)
父级宽度不够，子级掉下来
半脱离文档流
行内变成块
顶对齐
文本环绕
（1.3）块与行内：
块标签：div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd
特性：
独占一行
不受空格影响
可以设置宽高
支持四个方向的margin,padding
宽度默认是父级的宽度
用途：布局，分块
行内标签：span,a,b,i,strong,em
特性：
共处一行
受空格影响
不可以设置宽高
支持水平方向的margin,padding
宽度靠内容撑大
用途：修饰，小细节
(1.4) 块与行内的嵌套规则：(a不能包a, p不能包块)
块标签可以嵌套任意标签，p不能嵌套块标签
行内只能嵌套行内，a可以嵌套任意标签，但是除了a本身
（2） 解决IE6下固定定位不兼容的方案：http://www.css88.com/archives/673#more-673
1 Js模拟 2 CSS hack 3 IE条件注释解决方案
（3）决对定位里的bottom 是根据可视区来走的，并不是根据body的高度。
（4） border-radius 是CSS3的属性，兼容IE9+ ，圆角的形成原理，看下图，
border-radius:50px 106px 162px 32px / 50px 80px 178px 26px; //标准语法格式，水平半径和垂直半径
（5）锚点 <a href="#one">目录：第一章</a> <h2 id="one"> 第一章</h2> <a href="#">返回顶部</a>
（6）表单元素，单选按钮
<label for="box">美女</label>
<input type="checkbox" id="box" /> 或者 <label for="box">
<input type="checkbox" id="box" />美女
</label>
（7）
随机推荐
-
Android导包导致java.lang.NoClassDefFoundError
摘要: SDK方法总数是不能超过65k的.是否也引入其他的三方库,导致总数超过限制.超出限制会导致部分class找不到,引发java.lang.NoClassDefFoundError.解决方法:近日 ...
-
A little problem for pt-pmp
https://bugs.launchpad.net/percona-toolkit/+bug/1320168 We use the pt-pmp (a variety for pmp !http:/ ...
-
C# HttpWebRequest提交数据方式浅析
C# HttpWebRequest提交数据方式学习之前我们先来看看什么是HttpWebRequest,它是 .net 基类库中的一个类,在命名空间 System.Net 下面,用来使用户通过HTTP协 ...
-
int(M)与int
int(M) ,加上zerofill后M才表现出有点效果,比如 int(3) zerofill,你插入到数据库里的是10,则实际插入为010,也就是在前面补充加了一个0.如果int(3)和int(10 ...
-
Silverlight之我见
好长时间没搞Silverlight方面的开发了,原本都以为自己早已忘记,然而前阵子(确切一点说,是挺长时间以前了)的时候,发布Windows10的时候,微软宣布新的浏览器将重新开发,关键是后半句引起了 ...
-
关于tabBar的图片不能正常显示问题
可以先把图片的源文件的名称后面加上@2x 这种图片显示不正常问题原因可能是没有二倍图造成的!!
-
VS2010 快速写入注释小技巧
/************************************************************************//* *//******************* ...
-
C#.NET学习笔记1---C#.NET简介
C#.NET学习笔记1---C#.NET简介 技术qq交流群:JavaDream:251572072 教程下载,在线交流:创梦IT社区:www.credream.com -------------- ...
-
开源框架.netCore DncZeus学习（一）npm安装
今天看到一个不错的开源项目DncZeus, https://github.com/lampo1024/DncZeus 整个界面挺漂亮,而且权限做到了按钮级别,功能也较容易扩展,刚好学习VUE纯看文章很 ...
-
解决多个div左浮动后不换行问题
问题描述:我这里有多个li 让其左浮动,并且有序没有间隙的排列,就出现了中间空隙的问题: 解决办法:让每一个的第1个元素加上 clear:both属性,我这里每一行有2个,所以是: .b li:nth ...