我自己的cssreset

 1 @charset"utf-8";
 2 html{
 3     color:#000;
 4     background:#FFF;
 5     border: 0;
 6 }
 7 body,
 8 div,
 9 dl,
10 dt,
11 dd,
12 ul,
13 ol,
14 li,
15 h1,h2,h3,h4,h5,h6,
16 form,
17 fieldset,
18 input,
19 textarea,
20 p,
21 blockquote,
22 th,
23 td{
24     margin:0;
25     padding:0;
26 }
27 table{
28     border-collapse:collapse;border-spacing:0
29 }
30 fieldset,img{
31     border: 0 none;
32 }
33 em,
34 strong,
35 b,
36 u,
37 i{
38     font-style:normal;
39     font-weight:normal;
40 }
41 ol,
42 ul{
43     list-style:none;
44 }
45 caption,
46 th{
47     text-align:left;
48 }
49 h1,h2,h3{
50     font-size:100%;
51     font-weight:normal;
52 }
53 input,
54 textarea,
55 select{
56     *font-size:100%;
57     font-family:inherit;
58     font-size:inherit;
59     font-weight:inherit;
60 }
61 a{
62
63     text-decoration: none;
64 }
65 input{
66     border: none;
67 }
68
69 .fl{
70     float: left;
71 }
72 .fr{
73     float: right;
74 }
时间: 2024-12-11 20:50:48

我自己的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 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}a

常用的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