常用base.css

@charset "utf-8";
/* CSS Document */

body{background:#f2f2f2;font-family:Segoe UI,"Microsoft Yahei" !important;}
html a{outline:none;blr:expression(this.onFocus=this.blur());}
html {padding:0;margin:0;font-size:12px;color:#ccc}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
h2{text-align:left;font-size:16px}
q:before,q:after{content:‘‘}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%;outline:none}
legend{color:#000}
a,a:link{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none}
a:focus {outline:none;-moz-outline:none;}

.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
*+html .clearfix{ min-height:1%}
ul{list-style-type: none}
ul li{float:left}
li{list-style:none}

.readonly_font_color{ color: #a5a5a5}
input{outline:none}
input:focus, textarea:focus, select:focus {border:1px solid #aaa;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;outline:none
}
/*==公用样式 整理 2014-09-02===============================*/
/*-----字体大小样式-----*/
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font24{ font-size: 24px;}
.font42{ font-size:42px;}
.font20{font-size:20px}
/*-----字体行高样式-----*/
.line25{ line-height: 25px;}
.line30{ line-height: 30px;}
/*-----float 样式-----*/
.fl{float:left}
.fr{float:right}
.clear{clear:both;}
/*-----margin 样式-----*/
.ml-03{margin-left:-3px}
.ml-04{margin-left:-4px}
.ml-06{margin-left:-6px}
.ml03{margin-left:3px}
.ml05{margin-left:5px}
.ml06{margin-left:6px}
.ml10{margin-left:10px}
.ml12{margin-left:12px}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml24{margin-left:24px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml45{margin-left:45px}
.ml60{margin-left:60px}
.ml80{margin-left:80px}
.ml100{margin-left:100px}
.ml110{margin-left:110px;}
.ml150{margin-left:150px}
.ml160{margin-left:160px}
.ml200{margin-left:200px}
.mr03{margin-right:3px}
.mr06{margin-right:6px}
.mr07{margin-right:7px}
.mr08{margin-right:8px}
.mr09{margin-right:9px}
.mr10{margin-right:10px}
.mr12{margin-right:12px}
.mr20{margin-right:20px}
.mr40{margin-right:40px}
.mt03{margin-top:3px}
.mt06{margin-top:6px}
.mt08{margin-top:8px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt18{margin-top:18px}
.mt30{margin-top:30px}
.mt36{margin-top:36px}
.mt38{margin-top:38px}
.mt45{margin-top:41px}
.mt480{margin-top:320px}
.mt-5{margin-top:-5px;}
.mt-25{margin-top:-25px;}
.mt-30{margin-top:-30px}
.mb12{margin-bottom:12px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb200{margin-bottom:200px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}
.pr70{padding-right:70px}
.pr80{padding-right:80px}
.pr90{padding-right:90px}
.pr95{padding-right:95px}
.pr100{padding-right:100px}
.pd20{padding:20px}
/*-----宽度 样式-----*/
.wth980{width:980px;display:block;margin:0 auto}
.wth40{width:40px}
.wth50{width:50px}
.wth60{width:60px}
.wth70{width:70px}
.wth75{width:75px}
.wth80{width:80px}
.wth90{width:90px}
.wth100{width:100px}
.wth107{width:107px}
.wth140{width:140px}
.wth160{width:160px}
.wth198{width:198px}
.wth200{width:200px}
.wth230{width:230px}
.wth250{width:250px}
.wth305{width:305px;}
.wth310{width:300px}
.wth480{width:480px}
.wth400{width:400px}
.wth469{width:469px}
.wth550{width:550px}
/*高度样式*/
.height15{height: 15px;}
.lheight40{ line-height: 40px;}
/*-----color-----*/
.colorfff{color:#fff}
.colordd{color:#ddd}
.colord8{color:#d8d8d8}
.color43{color:#434343}
.color58{color:#585858}
.color59{color:#595959}
.color555{color:#555}
.color666{color:#666}

时间: 2024-10-12 17:32:12

常用base.css的相关文章

[转] 常用的CSS命名规则

(一)常用的CSS命名规则  头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条:loginbar  标志:logo  广告:banner  页面主体:main  热点:hot  新闻:news  下载:download  子导航:subnav  菜单:menu  子菜单:submenu  搜索:searc

页面样式base.css

[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]第一次发笔记,下面是我用过多次的base.css.欢迎各种建议吐槽.大家共同进步{:4_173:}[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)] [color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]书上看到的:[color=rgb(0, 0, 0)][color=rgb(70, 70, 70)]body, div, dl, dt, dd,

web标准化设计:常用的CSS命名规则

常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:f

(转)我的 css 框架——base.css

原文链接:http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.html@charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,

CSS命名规范(规则)常用的CSS命名规则

头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体佈局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:co

base.css

1 @charset "utf-8"; 2 /*! 3 * @名称:base.css 4 * @功能:1.重设浏览器默认样式 5 * 2.设置通用原子类 6 */ 7 /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ 8 html { 9 background:white; 10 color:black; 11 } 12 /* 内外边距通常让各个浏览器样式的表现位置不同 */ 13 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h

常用的 css 命名规则

头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:co

常用的CSS Hack技术集锦

来源:http://www.ido321.com/938.html 一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack. CSS Hack常见的有三种形式:CSS属性Hack.CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器. 1.属性级Hack:比如IE6能识别下划线"_"和

常用的css命名规则

头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情链接:friendlink页脚:footer版权:copyright滚动:scroll内容:co