视频笔记:margin/background/a

PS技能：切图，修图，测量
在图像上去掉文字:先选择旁边的颜色，复制，粘贴形成新的图层，选择该图层，再选择移动，
再选择键盘上的上下左右键移动或者下载后ctrl+t
background详解：一个属性可以有多个属性值；
background背景：
background-attachment:fixed;背景是否固定；
background-color：
background-image: url();
background-repeat:no-repeat;
background-position:center top ;位置

background-attachment:fixed;是将图片固定在页面上，不会随滚动条的滚动消失不见；
margin外边距
1.上下外边距会叠压；即上一个div的bottom和下一个div的top边界只会显示一个，会重叠在一起
2.父子级包含的时候子级的margin-top会传递给父级,即父级的margin-top改变；
(内边距替代外边距)；如果想要内盒子的位置发生变化，则在父盒子添加padding-top
（改变内间距，但此时父盒子的高度增加了内间距的距离，需要减去）
margin-left: auto;无论怎样调整窗体，内容都会自动在最右边；
如果左右外间距都为auto;始终都在居中位置；
应用：让页面的主体内容始终在中间位置，无论窗体怎样变化；
3.外边距复合：margin:top right bottom left;
eg:  margin:  0 auto 0 auto ;
盒子实际的大小为：盒子的边距border+盒子的padding内边距+盒子的内部大小（容积）width/height
4.如果在盒子上增加厚度但不想改变盒子的大小可以修改盒子内部的宽高；
链接标签<a>（作用：链接，下载，锚点（href="#id"））
当属性为一个文件时，可实现下载功能
 <a href="../other/1.zip" target="_blank" > 下载
  </a>
伪类：伪类用于向被选中元素添加特殊的效果。（元素在特定情况下才具备的。）

link            未访问（默认）
  
hover         鼠标悬停（鼠标划过）
  
active         链接激活（鼠标按下）
 
visited        访问过后（点击过后）
因为同级的伪类：会覆盖前面的伪类（visited会覆盖hover和active）
四个伪类的顺序：

 link    visited    hover  active
(love hate)
一般的网站：只用hover
IE6不支持a以外其它任何标签的伪类；
IE6以上的浏览器支持所有标签的hover伪类；

SEO:搜索引擎优化；搜索引擎营销SEM（包含SEO）
百度的爬虫:将网络上所有的信息存在百度数据库；
class可以重复使用：eg:class="id1 id2"
基础选择符的优先级
:类型  <  class  <  id  < style(行间)  < js
http-equiv="refresh" :页面定期刷新：
content后面跟的是时间（单位秒）
<meta http-equiv="refresh" content="1">
<meta http-equiv="refresh" content="1;url=http://itpxk.taobao.com">
应用：广告倒计时进入.............