对于css做的杂记_html/css

/*

*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;

}