HTML,CSS,JS,DOM,jQuery

HTML

超链接访问顺序

a:link-->a:visited-->a:hover-->a:active.（有顺序）
	link:表示从未访问过的链接的样式
	visited：表示已经访问过的链接样式
	hover：表示当鼠标放在上面的链接样式
	active：表示点击链接时的样式

HTML选择器

1.标记选择器：形如：

2.类别选择器，形如：

    
用了类别选择器

3.ID选择器,形如：

    
用了ID选择器

总结：#：ID，‘.’：class

复合选择器

1


只有p标签中 class 是special时，该标签起作用

2.并集选择器


代表了h1, h2, h3都有公共的样式，红色, *带表的是这个页面整体字体颜色是红色

3.后代选择器



    p的后带只要有span，则字体都显示红色




    这里的字体也是红色的


4.子选择器：



    这有这中类型才显示样式




    这里的样式不显示

盒子模型

margin属性 |

margin 解释
margin:20px (外边距) 上、下、左、右各20px
margin: 20px 40px (外边距)上、下20px；左、右40px
margin: 20px 40px 60px 上20px；左、右40px；下60px
margin: 20px 40px 60px 80px 上20px；右40px；下60px；左80px

overflow属性
当盒子里面的内容超过盒子范围，可以使用overflow来设置。

属性值 描述
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

垂直方向盒子叠加问题

标准文档流中，两个盒子，分别有上下外边距，竖直方向的margin不叠加，只取较大的值作为margin(水平方向的margin是可以叠加的)。
例：




	
	margin叠加

上下两个盒子的距离不是30px；而是20px
div独占一行

盒子居中

margin:0px auto;第一个参数任意，第二个参数浏览器会自动解析，并让盒子水平居中显示，即margin-left和margin-right的数值一样。

文档流定位

block

独占一行，元素的`height`，`width`，`margin`,`padding`都可以设置
常见的有：
,
    ,