欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

对于css做的杂记_html/css_WEB-ITnose

程序员文章站 2022-05-28 18:02:10
...
@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;

}

相关标签: 对于css做的杂记