css 随便看看

最新推荐文章于 2025-03-21 15:02:28 发布

iteye_3566

最新推荐文章于 2025-03-21 15:02:28 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

分类专栏： Css 文章标签： CSS

本文链接：https://blog.youkuaiyun.com/iteye_3566/article/details/81719034

Css 专栏收录该内容

5 篇文章

订阅专栏


body {background: #efefef url(./images/dashboard/bg.png) repeat-y scroll; padding: 0px; margin: 0px}
ul, li {margin: 0px; padding: 0px}
body, ul, td, div, h1, h2, h3, h4, h5 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif}
img {border: 0px}
/*头部 没有用浮动定位  是用的绝对定位 + 偏移*/
div#dashboard-header {background: transparent url(./images/dashboard/bg_header.png) repeat-x scroll; position: absolute; top: 0px; left: 0px; height: 53px; width: 100%; z-index: 10}
/*命名规范 元素+id   能清晰的知道是给什么元素修饰的样式  */
div#system-nav-wrapper1 {position: absolute; top: 0; right: 0; z-index: 15; text-align:right; width:50%; }

ul#system-nav {height: 45px; border-left: 1px solid #d7d7d7; float:right;}
ul#system-nav li {
	float: left;
	border-right: 1px solid #d7d7d7;
	margin: 0px 0px 0px 0px !important; /*ie6 不认 支持FF and ie7*/
	background: transparent url(../images/bg_header_rib.png) repeat-x scroll;
	padding: 0px 0px 1px px !important;
	list-style-type: none;
}
/*绝对定位到右方 距离上边45px*/
#dashboard-version{text-align:right; position:absolute; top:46px; right:0px; font-size:11px; color:#888; padding:4px; z-index:-1}

ul#system-nav li a, ul#system-nav li span {display: block; padding: 15px 9px 14px 28px; text-align: center; background-repeat: no-repeat; font-size: 13px; font-weight: bold; color: #787878; text-decoration: none; border-right: 1px solid #fff}
ul#li span {color: #cecece}/*覆盖上边同意定于的颜色  内属性>id>class>元素 */
ul#system-nav li:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
ul#system-nav a:hover {border-right: none; padding-right: 10px; color: #333}
/*通过定位图片的位置 是图标在合适的位置*/
a.nav-loading {background-image: url(./images/icons/icon_header_loading.gif) !important;}
ul#system-nav #nav-return {background-image: url(./images/dashboard/icon_return_to_website.png); background-position: 6px 14px !important}
ul#ccm-system-nav #ccm-nav-logout {background-image: url(./images/dashboard/icon_logout.png); background-position: 5px 14px !important}
ul#ccm-system-nav #ccm-nav-dashboard-help {background-image: url(./images/icons/icon_header_help.png); background-position: 6px 15px !important}
ul#ccm-system-nav #ccm-nav-dashboard-help.ccm-nav-loading {background-position: 6px 14px !important}
/*右侧的导航  top：45px*/
div#dashboard-nav {position: absolute; top: 45px; left: 0px; width: 200px; z-index: 2}
div#dashboard-nav li {display: block; width: 200px; background: #ededed url(./images/dashboard/bg_nav.png) repeat-x scroll; border-bottom: 1px solid #e1e1e1}
div#dashboard-nav li a {color: #787878; font-weight: bold; display: block; font-size: 13px; height: 40px; overflow: hidden; padding: 6px 11px 0px 12px; text-decoration: none}
div#dashboard-nav li a:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
/*激活时候的样式*/
div#dashboard-nav li.nav-active a {background: #cdd9dd url(./images/dashboard/bg_nav_active.png) repeat-x scroll bottom right}
div#dashboard-nav li a span {font-family: "Helvetica Neue", Arial, Helvetica; font-size: 11px; color: #a8a8a8; height: 12px; overflow: hidden; font-weight: normal; display: block; margin-top: 1px}

/*
div#ccm-dashboard-page{ width:auto; padding-left:225px; margin:0px; padding-right:20px; padding-top:70px; padding-bottom:30px  }
div#ccm-dashboard-content {width:auto; height:auto; padding:0px; overflow:hidden  }
{ margin: 70px 30px 30px 225px; }
div#ccm-dashboard-content {width:auto; position: absolute; left:225px; top:70px; margin-bottom:30px; margin-right:30px; padding:0px  }
*/