css写法

原创 2013年12月05日 11:25:43
id选择器 > 类选择器 > 标签选择器
@charset "utf-8";
charset=utf-8   表示当前文档的字符集是采用utf-8的字符,也就是我们常说英文字符集;
gbk gb2312     主要用于中文。big5  用于繁体中文

/*去除页面中所有标签的默认间距、补白*/
* { margin:0px; padding:0px;}

/*页面中的默认字体、字体大小、背景、文字颜色*/
body { font-size:12px; font-family:Arial; color:#666666; background:#ffffff; -webkit-text-size-adjust:none;}

webkit-text-size-adjust:none;
苹果移动设备上会识别,用于保证文字大小。
/*页面右侧滚动条*/
html { overflow-y:scroll;}

/*清除页面所有图片的默认边框1*/
img { border:none;}

/*去除ol、ul、li的默认样式*/
ol,ul,li { list-style-type:none;}
/*设置表单等项目的默认字体大小*/
input, select, textarea { color: #777777; font-family: Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: middle;}

/*设置文字段落、表格单元格的默认行高*/
p,th,td { line-height:22px;}

/*字体*/
em { font-style:normal;}
.yahei { font-family:微软雅黑;}
.songti { font-family:宋体;}

/* 其它需要用到的字体大小 */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h1{ font-size:14px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
.font17 { font-size: 17px;}
.font18 { font-size: 18px;}
.font20 { font-size: 20px;}
.font22 { font-size: 22px;}
.font24 { font-size: 24px;}

/*去除页面中的链接点击后留下的虚线框*/
body a{ outline:none;blr:expression(this.onFocus=this.blur());}

/* 整个网站需要的字体样式*/
.strong { font-weight:bold;}
.underline { text-decoration:underline;}

/* 图片边框 */
.imgp2 img { padding: 2px; border: 1px solid #cccccc; }

/* 1px细线 */
.div1px { border:#CCCCCC solid 1px; }

/* li相关 */
ul,li { list-style-type:none; }

/* 带着图片的li */
.imgli1 li{ list-style-image:url(../BG.jpg) ; }

/*默认的文字链接样式*/
a:link { color:#666666; text-decoration:none;}
a:visited { color:#666666; text-decoration:none;}
a:hover { color:#0f2c8d; text-decoration:none;}
a:active { color:#0f2c8d; text-decoration:none;}

/*其他文字链接样式*/
.cffffff { color:#ffffff;}
.cffffff a:link,.cffffff a:visited { color:#ffffff;}
.cffffff a:hover,.cffffff a:active { color:#cccccc;}

.cc3120e { color:#c3120e;}
.cc3120e a:link{ color:#c3120e;}
.cc3120e a:visited { color:#c3120e;}
.cc3120e a:hover { color:#666;}
.cc3120e a:active { color:#c3120e;}

/* w系列控制宽度 */
.wauto { width: auto}
.w25 { width: 25%;}
.w33 { width: 33.3%;}
.w50 { width: 50%;}
.w100 { width: 100%;}
/* h系列控制高度 */
.h100 { height:100%;}
.hauto { height:auto;}
.h20px { height:20px;}
.h30px { height:30px;}
.h55px { height:55px;}
.h86px { height:86px;}
.h255px { height:275px;}
.lineheight15px { line-height:15px;}
.lineheight18px { line-height:18px;}
.lineheight20px { line-height:20px;}

/* p系列控制padding */
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}

/* m系列控制padding */
.m5 { margin:5px!important;}
.m10 { margin:10px!important;}
.m15 { margin:15px!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}

/*文本对齐样式*/
.center { margin:0px auto;}
.tcenter { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}

/*左右漂浮样式*/
.l { float:left;}
.r { float:right;}

/*css清除浮动*/
.c { clear:both}
.clear { clear:both; height:0px; line-height:0px; font-size:0px;}

/*clearfix:after*/
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix { display:inline-table; display:block;}
*html .clearfix { height:1%;}
*+html .clearfix { height:1%;}
.imgfix img{display:block;}

/* 1px细线 */
.b1s { border:1px solid #e4e4e4;}
.bt1s { border-top:1px solid #e4e4e4;}
.br1s { border-right:1px solid #e4e4e4;}
.bb1s { border-bottom:1px solid #e4e4e4;}
.bl1s { border-left:1px solid #e4e4e4;}
/*添加鼠标悬浮显示手的形状*/
.hand { cursor:pointer;}

/*单行截字*/
.textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*最小高度*/
.minheight500px { min-height:500px; height:auto!important; height:500px; overflow:visible;}
.minheight650px { min-height:650px; height:auto!important; height:650px; overflow:visible;}
.minheight710px { min-height:400px; height:auto!important; height:400px; overflow:visible;}

/*隐藏元素*/
.hide { display:none;}

/*解决IE6双边距加倍错误*/
.inline { _display:inline;}

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

css a链接 写法 新手篇

  • 2012-11-17 09:58
  • 10KB
  • 下载

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方...

css浏览器兼容写法

  • 2013-06-12 21:19
  • 34KB
  • 下载

中文字体在 CSS 中的写法

中文字体在 CSS 中的写法 今天在折腾wordpress主题的时候,想把侧边栏上的2个标题转换为“方正姚体”,用Firebug调试OK了,保存到css文件里上传后,可是怎么...

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方...

css瀑布流三种写法的区别

了解瀑布流的原理瀑布流呢,可以有多列,每一个item(单元格)的高度可以不相同,但是宽度必须一样.排列的方式是,从左往右排列,哪一列现在的总高度最小,就优先排序把item(单元格)放在这一列.这样排完...

区分浏览器不同版本的css以及html写法

对于不同浏览器执行不同的css是目前解决不同浏览器以及浏览器不同版本的一种方法,而怎么样针对以上的状况来写css或者是html呢?请看下文:一、CSS的写法1. 区别IE和非IE浏览器  代码如下:#...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)