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

WBOY
Release: 2016-06-21 09:11:38
Original
1409 people have browsed it

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

}



Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template