页面头部
头部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>
<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>
动态引入样式主要用于调用风格模板样式表,
在静态样式下,定义三种模式的样式:主人模式,访客模式,编辑模式 。