CSS 元素隐藏 滑动门 精灵图

元素隐藏

☞overflow：hidden;      超出部分（超出父元素部分）隐藏
☞display：none;         元素整体隐藏
display： block;        显示隐藏元素
☞visibility：hidden；     元素隐藏
  区别：
◆display： none；  隐藏元素后不占位置
◆visibility：hidden； 隐藏元素后占位置

 logo内容移除（说白了就是得给a标签这是一个文字描述 ，再把这个文字移除）

☞网页中设置logo图片的时候，给a标签设置背景图片即可。
☞移除logo中的文字内容，使用text-indent:（首行缩进） -2000px;

精灵图使用（掌握）

 精灵图:  就是背景图片的处理方式。
 注意：精灵图使用fw的时候，需要用打开的方式

 精灵图的使用：
                 ◆使用fw打开精灵图
                 ◆使用切片工具（k） 在对应的背景图片上获取到横纵坐标。

滑动门（难点）

  作用：  用滑动门制作网页导航。
  特点：
          ◆滑动门需要标签配合背景图片实现
          ◆滑动门实现过程中，不要给内容设置宽度。

网页三角

基本原则是用两个三角形叠加的 ，当设置边框的时候，要设置透明。transparent