Home > Article > Web Front-end > 对于css做的杂记_html/css_WEB-ITnose
对于css做的杂记_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:11:381413browse
@charset "utf-8";
/*
*Created by lh on 2015/6/17.
*公用基础样式撰写
*/
/*默认样式 start*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,em,img,strong,b,i,dl,dt,dd,ol,ul,li,
form,label,table,tbody,tfoot,thead,tr,th,td,canvas,embed,footer,header,menu,nav,time,audio,video{
margin:0;padding:0;list-style: none;
}
body{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
a{text-decoration: none;}
img{border: none;}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
/*默认样式 end*/
/*实现文字隐藏类*/
.hide_font{
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
}
/*清除浮动的类*/
.clear{
padding: 0;margin: 0;
height:0;
clear:both;
}
/*ie兼容代码见有道云笔记 三角形制作公用基础样式 类*/
.all_triangle{
/*border-color: transparent transparent red transparent;*/
/*border-width: 0 20px 20px 20px;*/
border-style: solid;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
/*_border-left-color: white; /显示上下三角形时用左右 显示左右三角形时此处一下的代码中 left right 改为 top botttom/*/
/*_border-right-color: white;*/
/*_filter: chroma( color =white);*/
}
/*清楚边框类*/
.clear_BorOut{
border:none;
outline:none;
}
/*清除间隙 下级标签为块级元素 div*/
.clear_space{
font-size: 0;
}
.clear_space>div{vertical-align:middle;}
/*隐藏时 ie7 下失效的 类*/
.font_center{
overflow: hidden;
position: relative;
}
/*浮动 类*/
.float_left{float: left;}
.float_right{float: right;}
/*缩进标题 类*/
.title{
padding:0 5%;
width: 90%;
height: 30px;
}
/*边框与圆角样式*/
.border_radius{
border: 1px solid #f4f4f4;
border-radius: 5px;
}
/*表格 去掉固有样式 类*/
.table_innate_style{
border-spacing: 0;
border-collapse:collapse;
}
/*关于去掉标签字体默认样式 类*/
.font_default{
font-style: normal;
font-weight: normal;
}