我是靠谱客的博主 长情乌冬面,这篇文章主要介绍去掉table的默认样式 reset.css,现在分享给大家,希望可以做个参考。

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
table{ width:100%; text-align:center;/*文本居中*/ border-collapse:collapse; /*表格的边框合并,如果相邻,则共用一个边框*/ border-spacing:0; /*设置行与单元格边框的间距。当表格边框独立(即border-collapse:separate;)此属性才起作用*/ } table td{ word-break: break-all; /*允许在字内换行,即单词可分*/ word-wrap:break-word;/*允许长单词或URL地址换行*/ border-right:1px solid #939598; border-bottom:1px solid #939598; font:500 14px Arial; }

下面推荐使用 reset.css 清除默认样式,解决不同浏览器的兼容性问题。

Yahoo! YUI 3 CSS Reset – Full Version (1.64KB)

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/** * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/) * http://cssreset.com * Copyright 2012 Yahoo! Inc. All rights reserved. * http://yuilibrary.com/license/ */ /* TODO will need to remove settings on HTML since we can't namespace it. TODO with the prefix, should I group by selector or property for weight savings? */ html{ color:#000; background:#FFF; } /* TODO remove settings on BODY since we can't namespace it. */ /* TODO test putting a class on HEAD. - Fails on FF. */ 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; } /* TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... */ 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; } /* to preserve line-height and selector appearance */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; } /*to enable resizing for IE*/ input, textarea, select { *font-size:100%; } /*because legend doesn't inherit in IE */ legend { color:#000; } /* YUI CSS Detection Stamp */ yui3-css-stamp.cssreset { display: none; }

reset.css 参考资料

  1. 百度百科 重置浏览器标签的样式表
    https://baike.baidu.com/item/reset.css/5099721?fr=aladdin

  2. 来,让我们谈一谈 Normalize.css(本文译自Normalize.css官网: http://nicolasgallagher.com/about-normalize-css/)
    http://jerryzou.com/posts/aboutNormalizeCss/

  3. HTML5 css reset(按需取用)
    http://www.zhangxinxu.com/wordpress/?p=1043

  4. 目前比较全的CSS重设(reset)方法总结
    http://www.cnblogs.com/hnyei/archive/2011/10/04/2198779.html

最后

以上就是长情乌冬面最近收集整理的关于去掉table的默认样式 reset.css的全部内容,更多相关去掉table的默认样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(72)

评论列表共有 0 条评论

立即
投稿
返回
顶部