`

css reset css重置分享

阅读更多

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit;  vertical-align:baseline}

ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:""""}

注意以上css reset没有将table的相关标签列出进来,原因是会和一些在线编辑器看到的效果冲突。

以下为css全局属性定义,主要将一些常用的css属性写出来:

/*--全局标签--*/
body { color: #2b2b2b; font-family: Arial, Helvetica, sans-serif}
img { border: none}
a { color: #2b2b2b; text-decoration: none}
a:hover { color: #c00; text-decoration: underline}

/*--全局类--*/
/*--布局类--*/
.clear{ clear: both; margin: 0; padding: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden} /*---用来清除浮动的div---*/
.left { float: left} /*---常用的左浮动---*/
.right { float: right} /*---常用的右浮动---*/
.tleft { text-align: left} /*---常用的居左---*/
.tcenter { text-align: center}/*---常用的居中---*/
.tright { text-align: right} /*---常用的居右---*/
/*--字体类--*/
.font12 { font-size: 12px}
.font14 { font-size: 14px}
.font16 { font-size: 16px}
.font18 { font-size: 18px}
.font20 { font-size: 20px}
.fb { font-weight: bold}
.fu { text-decoration: underline}
.fn { text-decoration: none}
/*--颜色类(常修改增加)--*/
.cred, a.cred:link, a.cred:visited, a.cred:hover { color: #c00}

分享到:
评论

相关推荐

    Reset_CSS css样式重置文件

    CSS Reset即是对浏览器的默认CSS规则进行初始化,保证不同浏览器下CSS的一致性。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为...

    CSS Reset 样式重置的实现示例.pdf

    《CSS Reset 样式重置的实现》 在网页设计中,CSS Reset(样式重置)是一项基础且至关重要的工作,其目的是消除不同浏览器之间的默认样式差异,确保跨平台、跨浏览器的一致性。默认情况下,每个浏览器都有自己的...

    一个微小的现代CSSreset

    在网页设计中,CSS Reset(也称为CSS重置或CSS重置)是一个重要的技术,用于消除浏览器之间的默认样式差异,确保元素在所有浏览器中的表现一致。"一个微小的现代CSS reset" 指的是一种轻量级的CSS重置方案,它针对...

    css reset样式重置介绍 重置css样式工具分享

    CSS Reset,也称为样式重置,是Web开发中一个重要的技术,它的主要目的是消除不同浏览器之间的默认样式差异,确保在所有浏览器中都能呈现一致的布局。这是因为不同的浏览器默认对HTML元素有不同的内建样式,比如边距...

    css reset框架

    为了消除这些差异,CSS Reset(重置CSS)框架应运而生。本框架名为"css reset框架",是作者结合YUI等优秀框架的精华部分,经过三年工作经验的积累和提炼而成,旨在提供一个统一的基础样式,让HTML5开发变得更加高效...

    css Reset 重置代码

    主要用于css文件的重置,把各个浏览器放在同一起跑线上。绝对的非常有用

    CSS RESET个人总结

    CSS Reset,也称为CSS重置或CSS初始化,是Web开发中的一个重要概念,旨在消除不同浏览器之间的默认样式差异,确保网页在各个浏览器上呈现一致的布局。这个过程涉及到清除浏览器默认赋予HTML元素的样式,以便开发者...

    Css Reset 复位相关资料整理

    Condensed Universal Reset则是一个更加全面的CSS Reset方法,它不仅包括了Minimalistic Reset的所有样式,还添加了对垂直对齐(vertical-align)、字体权重(font-weight)、字体家族(font-family)和字体样式...

    CSS中常用的 reset.css文件

    因此,在使用`reset.css`时,最好结合`normalize.css`或现代的CSS重置方法,如`Eric Meyer Reset`或`sanitize.css`,它们不仅重置样式,还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中,可以将`...

    1.1css重置样式文件reset.css

    css重置样式文件reset.css

    reset.css重置样式文件

    重置样式文件、用于商城页面的外部链接css样式,下载拿来即用,不好用你可以来~我,欢迎前来下载,多多支持,给个小星星给个小赞吧

    reset.css重置样式表

    重置样式表

    reset.css 目前最好的css重置版本!

    css重置是很重要的东西. reset.css 目前最好的css重置版本!

    浏览器CSS Reset的十种方法

    在实际应用中,还可以考虑使用 Normalize.css 或者 Reset.css(如Normalize.css是另一种更为现代的重置方法,它不仅重置样式,还保持一些基本的语义化元素的默认样式)。无论选择哪种方法,关键在于确保网页在各种...

    web前端重置样式表normalize.css+reset.css

    "normalize.css"和"reset.css"是两种常见的重置样式表方法,它们在创建响应式和跨浏览器兼容的网页时发挥着关键作用。 首先,我们来详细了解`normalize.css`。`normalize.css`是由Nicolas Gallagher和Jonathan Neal...

    reset.css 重置浏览器标签的样式表

    在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别,例如ul默认带有缩进的样式,在IE下,它的缩进...这就是CSS reset。

    Reset CSS研究

    随着时间的推移,Eric Meyer进一步发展了他的reset.css,例如发布了Reworked Reset和Reset Reloaded,提供了更为精细和优化的重置样式。同时,YUI(Yahoo! User Interface Library)也推出了自己的YUI Reset CSS,由...

    css reset默认设置

    css reset,导入该css文件,给一些标签添加相同的默认设置,防止在不同的浏览器中出现差异

    reset.css & normalize.css 下载

    在实际开发中,许多现代框架和库(如Bootstrap)已经内置了CSS重置或标准化,因此开发者可能不再需要单独引入reset.css或normalize.css。然而,理解这两种方法的工作原理仍然是Web开发中的重要知识。下载并使用...

    html标签样式重置reset.css文件

    html标签样式重置reset.css文件,取消标签原来特殊样式方便自定义,例如a标签下划线,span标签前面的小圆点,清除浮动解决塌陷的兼容样式

Global site tag (gtag.js) - Google Analytics