首页 > web前端 > html教程 > 对于css做的杂记_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 09:11:38
原创
1431 人浏览过

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

}



相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板