对于css做的杂记_html/css_WEB-ITnose
/*
*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;
}
推荐阅读
-
潮流设计:15个创意的 3D 字体版式作品欣赏_html/css_WEB-ITnose
-
解说css中的margin属性缩写方式_html/css_WEB-ITnose
-
隔壁的牛大说“不行,这个还得改进~”_html/css_WEB-ITnose
-
Symfony2安装时欢迎页面CSS混乱的解决方案_html/css_WEB-ITnose
-
Github 上最受欢迎的一些 CSS 框架参考_html/css_WEB-ITnose
-
DIV CSS display (block none inline)属性的用法_html/css_WEB-ITnose
-
CSS3的[att*=val]选择器_html/css_WEB-ITnose
-
html中播放swf文件,怎么显示下面的开关面板的部分?_html/css_WEB-ITnose
-
推荐:Web开发者的六个代码调试平台_html/css_WEB-ITnose
-
跨平台移动开发 Xuijs超轻量级的框架+Emile CSS动画_html/css_WEB-ITnose