css小杂碎

1: padding:不能设置负值

2: 块状元素。可设置宽高等属性，隔行显示
 <div>、<p>、<h1>...<h6>、<ol>、<ul>、<li>、<dl>、<table>、<address>、<blockquote> 、<form>      // display:inline转为内联元素
 
 内联元素(又叫行内元素)元素的宽度就是它包含的文字或图片的宽度，不可改变
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>   // 内联元素转化为块状元素：display:block;

内联块状元素。 和其他元素都在一行上，元素的高度、宽度、行高以及顶和底边距都可设置。
<img>、<input>   // 可以给元素这是display:inline-block  添加这个元素为内联块状元素

3: 相对定位是相对自身定位，不会脱离文档流，以前的位置还是会保留着。
4: 居中的几种方法：
<1>: 文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center;
<2>: 定块<有宽度>状元素是通过给元素设定
       a: margin:0 auto;
       b: 设置 position:absolute;  left:50%;  margin-left:-w/2;即可居中显示
<3>: 不定块元素主要有三种方法让元素居中：
       a: 加入table标签 ，然后设置margin：0 auto; 让元素居中
       b: 设置display:inline方法,然后用text-align:center 
       c: 设置父元素position:relative和left:50%。在设置子元素position:relative; left:-50%; 让元素居中；

5：隐形的改变display类型，当为元素设置如下样式的时候，会隐形的改变display：inline-block;
     position : absolute
     float : left 或 float:right
6：伪类：

伪类： 就是实现了类的效果，但是并没有实际添加到标签中的类，这样的就是伪类，最典型的就是:hover
<1>  a链接的伪类 这4个伪类不只可以用在a链接上，也可以用在其他元素上 ie6有问题
  :link      链接样式
  :visited 链接访问过后的样式（只要访问历史记录存在）
  :hover  鼠标悬停样式
  :active  鼠标按下样式
<2>  Selector : first-child  ie7以上  第一行
<3>Selector : first-letter   设置第一个字母  ie7以上
<4>Selector : first-line       设置文本的第一行  ie7以上支持
<5>selector : focus      设置对象在成为输入焦点（该对象的onfocus事件发生）时的样式表属性，ie8以下不支持。
<6>selector : before,selector:after 用来和 content属性一起使用,也就是在对象前、后添加指定的文本或者其他
       注意：因为搜索引擎不会收录伪元素生成的内容，所以使用时需要注意
注意：伪元素各大浏览器的解释不一样，因此ie8以下存在兼容，以上效果全部表现良好。
<7>css3  中的 root:  == html
<8>结构性伪类 not:

input:not[type="submit"]{ border:1px solid red;}

<9> empty:
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素，如果你的浏览器要兼容ie还是使用css2中的：号写法，如果不向下支持ie，可以采用css3的双冒号写法；

<10> vertival-align:center  一般使用在小图 和后面文字的对齐效果，在表格中使用实现垂直居中。在其他方面效果甚微。兼容

不固定宽度实现居中<三种方法>
FireWorks切图的一些技巧：

1；切png的图片的时候，可以使用黑色箭头选取要切透明图片的背景，然后delete掉，在切。
2：png最大只能保存32位的
3：矩形选矿  xtrl+t 拖动 覆盖选取 自由变换
4：如果打开的psd图片有蒙版不能很好的显示，在打开最开始的时候，可以选择ps格式打开或者维持ps层相关的打开，打开几种格式，交替使用切图；
5：fw在做css spirte的时候：
    a:一定先保存一份fw的源文件（png格式的）,方便修改和查看坐标，以及如果需要修改。
    b:在黑色箭头选择，alt+shift+u保存称为一份，会自动选择大小区域切片，导出；