文章列表
有关外边距margin
- 博客分类：
- HTML
1.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box1{
width:400px;
height:300px;
background:grey ;
}
#box2{
width:200px;
hei ...
（转载）CSS浮动（二）
- 博客分类：
- css
http://www.blogjava.net/youxia/archive/2006/12/26/90112.html
http://www.csharpwin.com/dotnetspace/12355r8262.shtml
（转载）DIV浮动（一）
- 博客分类：
- css
（转载了一篇通俗讲解CSS浮动的文章，如下）很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。
前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。
写在前面的话：
由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。
如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。
小菜水平有限，本文仅仅是入门教程，不当之处请谅解！
本文以div元素布局为例。
教程开始：
首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：
可以看出，即使div1的宽 ...
相对定位
相对定位是按照元素自身所在的位置，使用边偏移属性重新定义元素的显示位置，使用相对定位的元素依然是文档中的元素，元素的显示位置和元素所在文档中其他元素相互关联。
在确定相对定位元素位置的时候，首先要确定元素的原始位置，即元素在文档中的位置，然后根据偏移属性中定义的偏移值，确定元素的最终位置。
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
...
HTML中的行内元素和块级元素
- 博客分类：
- HTML
常见的块级元素有：div、p、h1
常见的行内元素有：a、span、strong
特点:(1)内容撑开宽度；
(2)不支持宽高；
(3)不支持上下的margin和padding;
(4)代码换行被解析成小小的空格（而且空格间隙是文字的一半大小）；
3. 常见的inline-block(行内的块)有：img
ie6,ie7不支持
Notepad++ 快捷键 大全Ctrl+C 复制Ctrl+X 剪切Ctrl+V 粘贴Ctrl+Z 撤消Ctrl+Y 恢复Ctrl+A 全选Ctrl+F 键查找对话框启动Ctrl+H 查找/替换对话框Ctrl+D 复制并粘贴当行Ctrl+L 删除当前行Ctrl+T 当行向上移动一行F3 查找下一个Shift+F3 查找上一个Ctrl+Shift+F 组合在文件中查找Ctrl+F3 查找（volatil）下一页Ctrl+Shift+F3 查找（volatil）上一页Ctrl+Shift+I 组合增量搜索Ctrl+S 保存文件Ctrl+Alt+S 另存为Ctrl+Shift+S 保存所有文件 ...
Zen Coding 用法
首先，我们先学习一下 Zen Coding 的缩写规则 （其实就是CSS选择器）
E 元素名 (div, p);
E#id 带id的元素 (div#content, p#intro, span#error);
E.class 带class的元素 (div.header, p.error.critial). id 和 class 可以连写，如： div#content.column ...