@charset 'utf-8';*{margin:0;padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:none; } /* highlight equal to outline,only dose it has a effect in google chrome lite browser */*:focus,*:active {outline:none;}html, body { height:100%;}body{ width: 100%;font-family: \5fae\8f6f\96c5\9ed1,\5b8b\4f53;-webkit-user-select:none;}p,a,span,textarea,b,input,dt,dd { color: #666;font-size: 0.9rem;}ul, ol{list-style:none;}img{border:none;}a { text-decoration:none;}textarea {resize:none;}input[type=button],button{text-align: center; background: none; border: 0; outline: none; }input { background: white; border: none; outline: none;}/*占位符颜色*/input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#ccc; }input:-moz-placeholder, textarea:-moz-placeholder { color:#ccc; }input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }/* 浮动 */.fl { float: left !important; }.fr { float: right !important; }.clear { clear: both; }/* 功能 */.hide { display:none !important; }/*隐藏*/.ellipsis { overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; } /* 字数省略 */.keep { position:fixed !important;border-bottom: #ccc 1px solid !important; } /*滚动保持*/.mask {display: none;position: fixed;left: 0;z-index: 11;width: 100%; height: 100%;background-color:rgba(0, 0, 0, 0.4);}/*遮罩层*//* 效果 */.shadow,.all-shadow * {box-shadow: 0 0 .3rem #ddd !important;}.gradient,.all-gradient * {background: -webkit-linear-gradient(top, #fff4f4,#fff);}.radius,.all-radius * { border-radius: .2em;}.left-radius {border-top-left-radius: .2em;border-bottom-left-radius: .2em;}.right-radius {border-top-right-radius: .2em;border-bottom-right-radius: .2em;}.top-radius {border-top-left-radius: .2em;border-top-right-radius: .2em;}/* ---------------------------------- 主题a开始 ---------------------------------- *//* 母版样式 */.app{display:table;width:100%;height:100%;}.app>* { display: table-row; }.app>:nth-child(2) { width: 100%;height:100%; }.app>:first-child,.header{top:0; width: 100%;height: 2.5rem;line-height:2.5rem;}.app>:last-child,.footer{ bottom:0;width: 100%; /*height: 4rem;*/}/*height:无定义高度，当需要页脚时可在当前页定义页脚，并添加标签
即可*/.header,.footer{ position:fixed;display:table;}.header>*{display:table-cell;font-size:1rem;color:white;}.a-color{ color: #00c1d9 }.a-color-gray {color: #ccc}.a-color-error { color: #ff8181 }.a-color-success { color:green }.a-color-disabled { color: #999 }.a-border { border-color: #ccc }.a-border-top{ border-top:1px solid #ccc}.a-border-bottom {border-bottom:1px solid #ccc }.a-border-left { border-left:1px solid #ccc }.a-border-right{ border-right:1px solid #ccc }.a-bg {background-color:#00c1d9 !important } /* 主题点击效果 */.a-bg-body { background-color: #d9d9d9; } /* 主题body背景 */.a-bg-bar {background-color:#e6e6e6 !important } /* 主题点击效果 */.a-icon-filter{ background: url(/image/ico/filter.png) center no-repeat;background-size:1.4rem;}.a-icon-user{ background: url(/image/ico/user.png) center no-repeat;background-size:1.4rem;}.a-icon-arrow-down{ background: url(/image/ico/arrow_down.png) 1rem center no-repeat;background-size:.8rem .4rem;}.a-btn-all,.a-btn {} /* 主题按钮 */.a-btn-click {background-color:#00b5cb !important } /* 主题点击效果 *//* ---------------------------------- 主题a结束 ---------------------------------- */
asp.net 母版页：
@viewbag.title @styles.render(~/css) @rendersection(css, false)
@renderbody()
@scripts.render(~/js)@rendersection(js, required: false)
asp.net 首页：
@{ viewbag.title = 首页;}@section css{ }
//...
@section js{ }
显示结果：