web学习（九）浏览器的默认样式及其清除及其他样式

1.文字加粗及斜体等的字体的默认样式

     文字加粗：  font-weight:normal;
     文字斜体：  font-style:normal;

2.清除body，ul等元素的边距及填充的默认样式

      padding:0;
      margin:0;

3.li的默认样式清除

      li-style:none;

4.清除img在ie浏览器下的边框及其文字对齐样式

       border:none;
       verticlal-align:center;

5.a标签及其状态性伪类的默认样式

          a{text-decoration:none;color:#000;border:0;}
          a:link{text-decoration:none;color:#000;}有链接（href）属性且未被访问
          a:visited{text-decoration:none;color:#000;}有链接属性且被访问过
          a:hover{text-decoration:none;color:#000;}鼠标移动到DOM节点上
          a:active{text-decoration:none;color:#000;}鼠标在DOM节点上点击的瞬间

6.元素透明度

     opacity：0；赋值0~1
     filter:alpha(opacity=0；)兼容低版本的IE浏览器

7.css3新的赋值颜色方法

        rgba（r,g,b,a）；(red,green,blue,alpha透明度）
        ！注意只针对赋值颜色区域的透明度

8.隐藏元素

         visibility:hidden/visible;隐藏元素但是依旧占位
         display：none/block;隐藏元素且不占位

9.移除元素部分显示

   overflow-x：；水平方向溢出
   overflow-y：；竖直方向溢出
   overflow：；两个方向
           取值：visible 	 默认，即不管是否溢出
                 hidden	 	 溢出隐藏
                 scroll  	 溢出部分被修剪，以滚动条的形式显示（不同行）
                 auto 	     若溢出部分被修剪，则用滚动条查看
                 innherit  	 同父元素					

10.轮廓线

      outline -	color	
      outline -	style				
      outline - width		
      outline - offset	轮廓线扩张
      集合样式outline设置很随意

练习：
1、也在页面中做出psd文件——练习中的元素，要求在ps中测量其中所有数值（包括宽、高、内填充、文字大小和所有的精确颜色值）

2、将练习1做的元素标签复制六个，要求第一排3个，第二排2个，第三排1个

3、做两个div元素，背景红色，字体绿色，要求鼠标移入时，第一个div字体和背景的透明度都变成50%，第二个只有