CSS重置 reset.css

1. [文件] reset.css ~
/*
------------------------------------------
* site:ifnoif.net
* Style author:ifnoif
* updated date:2014.08.13
------------------------------------------
*/
 
body,
nav,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
ul,
ol,
li,
input,
button,
textarea,
footer {
    margin: 0;
    padding: 0
}
body {
    font: 100%/1.5 Helvetica, Arial, sans-serif, \5FAE\8F6F\96C5\9ED1;
    -webkit-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}
form {
    display: inline
}
ul,
ol {
    list-style: none
}
img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
}
textarea {
    resize: none
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button
}
input:focus:-moz-placeholder,
input:focus::-webkit-input-placeholder {
    color: transparent
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}http://www.huiyi8.com/pingyu/?
.fl {学生评语
    float: left;
}
.fr {
    float: right;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.break {
    word-break: break-all;
    word-wrap: break-word
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
/* 垂直居中模块 */
 
.vimg {
    display: block;
    text-align: center;
    *font-family: Arial;
    *font-size: expression(this.clientHeight*.895+"px");
    line-height: 100%;
    overflow: hidden;
}
.vimg img {
    _width: expression((this.width>this.height && this.width>=this.parentNode.offsetWidth) ? this.parentNode.offsetWidth+‘px‘: true);
    _height: expression((this.width<=this.height && this.height>=this.parentNode.offsetHeight) ? this.parentNode.offsetHeight+‘px‘: true);
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.vimg:after {
    content: "\200B";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
header,
footer,
article,
section,
nav,
menu,
hgroup {
    display: block;
    clear: all;
}
/* 布局样式 */
 
body {
    color: #333
}
a {
    text-decoration: none;
    color: #333
}

时间: 2024-11-06 09:35:31

CSS重置 reset.css的相关文章

CSS重置(css reset)【转载】

一.CSS reset(CSS重置)的历史 根据淘宝射雕的叙述,最早的一份CSS reset来自Tantek 的undohtml.css,很简单的代码,Tantek 根据自己的需要,对浏览器的默认样式进 行了一些重置.其余一些有名的CSS reset如业界领袖Eric Meyer的reset,或是Tripoli Reset. CSS reset的作用是让各个浏览器的CSS样式有一个统一的基准,而这个基准更多的就是“清零”!如下面常见但事实上极不推荐的代码: *{ margin:0; paddin

CSS Tools: Reset CSS

样式初始化 1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, span, applet, object, iframe, 7 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 a, abbr, acronym, address, big, cite, code,

[转载]CSS Tools: Reset CSS

http://meyerweb.com/eric/tools/css/reset/ The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May

Reset CSS:只选对的,不选&quot;贵&quot;的

玉伯和正淳一起整理的一份 reset.css: 1 /* 2 KISSY CSS Reset 3 理念:清除和重置是紧密不可分的 4 特色:1.适应中文 2.基于最新主流浏览器 5 维护:玉伯([email protected]), 正淳([email protected]) 6 */ 7 8 /* 清除内外边距 */ 9 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 10 dl,

CSS Reset(CSS重置)

CSS Reset是指重设浏览器的样式.在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小. 但并不是所有的浏览器都使用一样的数值,所以有了CSS Reset,以让网页的样式在各浏览器中表现一致. 下面介绍几个主流的CSS Reset代码: 1.Eric Meyer html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, ab

关于reset.css的疑问:为什么一定要重置浏览器样式?

自开始做前端算起,我所做过的每一个项目中都会有一个reset.css,也就是重置样式表.我现在想想都不知道第一次是从哪儿弄来的一个重置样式表.快五年了,好像从来都没有质疑过关于重置样式表的内容. 这样一个样式表里往往会有一大段对“浏览器样式”的清除与重置.刚开始做前端的时候一度感觉,能写出来这么一个样式表似乎很酷.很牛:做时间久了,也自己开始针对不同项目写自己的reset.css了,但也不外乎是一大堆重置样式,有时候都不关心浏览器里每个元素有什么样的默认样式,只是唯恐漏掉哪个元素没有把样式重置掉

CSS重置默认样式reset.css代码模板

   由于各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器样式的CSS文件,在这个文件中定义一些针对不同的浏览器最终表现出一致的代码,大家最熟悉的也许就是* {margin:0 0}了,其实这是最简单的兼容性的代码,一般情况下,仅有这个是不够的,因此笔者收集了几个前端设计网站使用的reset.css代码模板,如果需要你可以复制这些代码保存为reset.css文件,然后引用在所需的html文件中即可. 注意:您可以根据您自己的实际

reset.css css重置公共样式

@charset "utf-8";/*Css Document*/ /*! * @名称:reset.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */html { background:white; color:black;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form

reset css

reset css,即CSS重置,就是由于各种浏览器解释CSS样式的初始值有所不同,导致工程师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题. 网上reset css的代码很多,我也根据自己平时的项目需求整理了一份reset.css的代码.如果朋友们要用reset.css的话,也根据自己页面用到的标签,去设置相应的css reset代码. body,h1,h2,