css通用样式

/*===========================================通用样式========================================*/
body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option{margin: 0;padding: 0;}
table{border-collapse:collapse;}
input, button {border: 0;outline: none;}
i,em,strong,b{font-style:normal;font-weight:normal;}
body {font-family: "微软雅黑" !important;}
a {text-decoration: none;}
li {list-style: none}
img {border: 0;vertical-align: top;}
.clearfix{zoom:1;}
.clearfix:after { /*在类名为“clearfix”的元素内最后面加入内容*/
    content: "."; /*内容为“.”就是一个英文的句号而已。也可以不写*/
    display: block; /*加入的这个元素转换为块级元素*/
    clear: both; /*清除左右两边浮动*/
    visibility: hidden; /*可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间,只是看不到而已*/
    height: 0; /*高度为0*/
    font-size: 0; /*字体大小为0*/
    overflow: hidden;
}
/*字体图标*/
@font-face {
    font-family: ‘iconfont‘;
    src: url(‘../font/iconfont.eot‘);
    src: url(‘../font/iconfont.eot?#iefix‘) format(‘embedded-opentype‘),
    url(‘../font/iconfont.woff2‘) format(‘woff2‘),
    url(‘../font/iconfont.woff‘) format(‘woff‘),
    url(‘../font/iconfont.ttf‘) format(‘truetype‘),
    url(‘../font/iconfont.svg#iconfont‘) format(‘svg‘);
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container {
    width: 1170px;
    margin: 0 auto;
}

原文地址:https://www.cnblogs.com/wuqilang/p/12264568.html

时间: 2024-10-13 04:45:29

css通用样式的相关文章

精简的网站reset和css通用样式库

一.CSS reset body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; } input,textarea,select{ font-size:100%; font-family:inherit; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h4,h5,h6{ font-size:1em; } ul,ol{ padding-left:0; list

《基于 Bootstrap 的小程序UI设计框架》 一 CSS 通用样式

版式 标题 H1 到 H6 标题标签进行的优化.这里将不针对标签而是标题类 .H1 到 .H6.小程序仅识别 VIEW 标签. 重设上下边界为固定值,默认为一个行高距离,优化后统一为上 20 像素.下为 10 像素,h4 到 h6 距离顶部为 10 像素且不分标题级别,全部统一样式 固定所有标题行高为 1.1,避免行高因标题字体大小而变化,同时也避免不同级别标题行高不一致,影响版式风格统一 固定不同级别标题字体大小,依次为 36px 30px 24px 18px 14px 12px.这里将像素单

css小随笔(二)与通用样式

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例 这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,

div+css通用兼容性代码整理

一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 复制代码 代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */

CSS的样式合并与模块化

by zhangxinxu from http://www.zhangxinxu.com 原文地址:http://www.zhangxinxu.com/wordpress/?p=931 一.引言 本文的核心观点为CSS的合并与模块化,似乎与前一篇文章“CSS样式的再分离”有矛盾,其实不然,分离可以精简CSS代码,合并也可以精简CSS代码,一切都是权衡!或是说是在恰当的情况下使用恰当的手段. 正如前文所提到的,分离可以精简CSS,但是同时会带来巨大的HTML代码的开销,显然,对所有的样式进行再分离

CSS自学笔记(5):CSS的样式

CSS中拥有各种各样的样式表,而基本的样式有背景,文本,字体,链接,列表,表格,轮廓. 一.CSS-背景 CSS中允许用纯色背景,也允许用图片来创建复杂的个性背景. p {background-color: #000;} 是用纯色作为背景.这时你可以定义其他属性,生成不同效果的背景. CSS中也可以用图片作为背景,这是就需要使用background-image属性了,如果属性值为一个URL值,并且图片文件存在,那么就可以看到用该图片做为背景的网页了 body {background-image:

CSS常用样式及示例

CSS常用样式及示例 一.简介 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表

CSS自定义样式

CSS自定义样式 1. 自定义字体 先将字体文件放到web服务器上,需要时自动下载到用户计算机上 属性:@font-face 例: @font-face{ font-family:myFont; src:url("自定义字体路径"); } p{font-family:myFont;} 注意:一次只能引入一种字体,引入多种字体需要写多个@font-face. 2. sprite雪碧图 CSS雪碧,即CSS Sprite,是将小图标和背景合成到一张图片上,利用CSS背景定位来显示需要显示的

css公共样式

一.总结的公用样式解析 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; } img { border: 0 none; vertical-align: top; } ul, li { list-style-type: none; } h1, h2,