cssreset

/*cssreset YUI++*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:‘‘}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
legend{color:#000}
img,a img{border:0px}
label input{vertical-align:middle;}
input,button,select,textarea{outline:none}
textarea{resize:none}
input,button,select,textarea{outline:none}textarea{resize:none}

body
{
color:#333333;
font:12px/1.5 \5FAE\8F6F\96C5\9ED1;
}

时间： 2024-12-28 10:56:37

cssreset的相关文章

浏览器默认样式(user agent stylesheet)+cssreset

每种浏览器都有一套默认的样式表,即user agent stylesheet,在写网页时,没有指定的样式,按浏览器内置的样式表来渲染.这是合理的,像word中也有一些预留样式,可以让我们的排版更美观整齐.不同浏览器甚至同一浏览器不同版本的默认样式是不同的.这才带来了很多的坑,让大家用cssreset去填.. 一.浏览器默认样式 了解各浏览器的默认样式能让我们对每条Reset规则的写法做到心中有数,对我们了解浏览器的差异,写各浏览器兼容的代码也有很大帮助. 所以先看看浏览器默认样式长什么样: FF

cssReset - css初始化

/*cssReset.css文件内容*/@charset "utf-8"/*整个页面的文字和背景色*/html{color:#000;background:#FFF;}/*设置外边距和内边距*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}/*设置表格的边框之间的间距*/table{border-collapse:collap

CSS3与页面布局学习总结——Box Model、边距折叠、内联与块标签、CSSReset

目录 一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与块级标签 3.1.行内标签与块标签区别 3.2.隐藏 3.3.行内块标签 3.4.菜单示例 四.重置浏览器默认样式 4.1.CSSReset 4.1.1.MT css reset 4.1.2.PC css reset 4.1.3.PPTV css reset 4.1.4 YUI css res

常用的CSSreset整理

说道CSSreset,大家又爱又恨,cssreset好处是,覆盖了浏览器的默认样式,使前端攻城狮能更加精确的添加样式,各个浏览器中的界面效果都相同.可是大量的.固定的CSSreset也给网页加载带来一定阻碍,很多元素及属性网页中根本就没用到. 本人一直坚持认为在各个浏览器界面效果相同的情况下CSSreset还是越少越好,今天就给大家总结了一下PC端和移动端网页中常用的CSSreset. 请记住最好的CSSreset并不是一成不变的,而是应根据网页的需求而添加的,所以在用不到的情况下最好删除,避免

简单介绍几个CSSReset的方法

对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,必须要有选择地进行CSS重设,以减 少资源浪费.正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能经常用到:程序代码 * { padding: 0; margin: 0; border: 0; } 这也是一款CSS Reset的方法,让所有的选择器的padding.margin和border都设置成0. 这是一种强大的方法,也是最简单,最安全的方法,不过,也是 最占

CSS3与页面布局学习总结（二）——Box Model、边距折叠、内联与块标签、CSSReset

一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <

为什么要Cssreset

1.CssReset是什么?由于html标签在各浏览器的默认样式解析出来的有所不同.例如<ul>标签在IE.firefox.chrome浏览器下默认边距是不一样的.各浏览器的默认样,会给我们的页面带来一定的麻烦.同一个标签却显示出不同的效果.所以这就需要统一设置所有浏览器的默认样式.每个项目都应该会有一个默认样式,这就是cssreset.例:button在各浏览器的样式不同 2.CssReset常用的属性有哪些? (1).padding.margin: (2).border.border-co

关于CSS-RESET的浅析和个人理解

关于css-reset的浅认识 最近在回顾一些过往的知识,想到css-reset的时候,觉得是时候梳理一下这里面的一些个人看法和知识隐藏点,可能不够全面,但是一些总结还是有必要的. 我们都知道,在前端开发的过程中,我们经常要碰到清除浏览器的默认样式,这个时候我们脑子里就有一个概念,那就是css-reset这个必须的出现.然而我发现在这默认样式清除的情况下,我们有时候都没有去想到底浏览器有哪些默认的样式呢?为了证明自己的一些想法,我特意去审查了一下一些标签的默认样式,现在总结如下 body{ ma

CSS3（二）Box Model、边距折叠、内联与块标签、CSSReset

目录 一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与块级标签 3.1.行内标签与块标签区别 3.2.隐藏 3.3.行内块标签 3.4.菜单示例 四.重置浏览器默认样式 4.1.CSSReset 4.1.1.MT css reset 4.1.2.PC css reset 4.1.3.PPTV css reset 4.1.4 YUI css res