Web前段之QQ空间 一

页面头部

头部CSS主要看这两个部分

一个为动态载入样式表，用来控制空间整体框架，字体，样色，背景等显示效果

一个为静态固定样式表，用来控制权限访问时样式的调用，模块显示与隐藏。

代码

< head >   
     < style  type ="text/css"  id ="mainStyle"  media ="screen" >
       <!-- 引入主要css样式-->
     </ style >
     < style  type ="text/css"  id ="dynamicStyle" >

<!--

固定静态样式

-->

      body {  overflow :  hidden ;   }
      html {  overflow :  hidden ;   overflow-y :  scroll ;   }
      .ownermode {  display :   ; }
      .clientmode {  display :  none ;   }
      .editmode {  display :  none ;   }
      .customoff { display :   ; }  
      .alphamode  { display :  none ; }
     </ style >
</ head >

动态引入样式主要用于调用风格模板样式表，

在静态样式下，定义三种模式的样式：主人模式，访客模式，编辑模式 。