问题标签 [css-reset]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
555 浏览

css - CSS 重置覆盖 Firefox 中的指定元素

我有一个样式表,我在开始时应用了一个重置​​。这会将一系列标签的边距和填充设置为 0 等。但是,稍后在样式表中,我将边距和填充应用于特定标签。然而由于某种原因,Firefox 并没有在非常特定的地方通过重置。

这是正在发生的事情的一个例子。以下是我的重置:

这是我添加的一行,用于为具有 class 的特定div元素提供样式modified

在 Safari 中,当我检查特定div的 .

在 Firefox 中,当我在同一台上使用 firebug 时div,我只看到我的 css 重置代码。

有没有解决的办法?我已经尝试过!important,以及重新命名它,div.modified而不是只是modified,但这也没有奏效。

0 投票
4 回答
9723 浏览

css - 重置 css (img)

我是 CSS 新手,所以有一个简单的问题。

这是我的脚本 =>

所以我的问题是,尽管图像之间的CSS重置是空格,这当然会在样式布局后引起一些问题,所以任何人都知道如何解决,如何重置图像之间没有空格的CSS,谢谢...

我猜lol,真的很简单,就是必须写成一行,否则必须声明font-size: 0;

谢谢大家:))

0 投票
7 回答
122972 浏览

html - 如何删除正文周围的边距空间或清除默认 CSS 样式

诚然,我是一个初学者,但在发布之前我也进行了相当多的搜索。我的 div 元素周围似乎有额外的空间。我还想指出,我尝试了许多边框组合:0、填充:0 等,但似乎没有什么能摆脱空白。

这是代码:

这就是它的样子(我插入了红色箭头以显式调用额外的空间):

div 元素周围的额外空间

我期待蓝色直接与浏览器边缘和工具栏相邻。这些图像的高度均为 64 像素,并且与分配给 #header_div 的图像具有相同的背景颜色。任何信息将不胜感激。

0 投票
1 回答
1796 浏览

css - CSS 选择器异常

我有一个用于重置的外部 css,适用于所有表、td、div 等。在我的网站中,有一个客户模板允许用户在 html 中创建他们想要的内容。

在网页中查看此客户模板时,我不想在外部 css 之上应用。
所以我把这个客户模板内容放入一个 div 中,并试图从 css 中排除这个 div 及其所有子项。

是否可以编写 css 选择器来选择所有表、td、div 等...不是给定 div id 的子项?

下面是我测试的html代码和reset.css div customtemplate的内容是用户动态输入的。用户尝试将边框 = 1 应用于表格,它将所有表格单元格应用于边框 1 而无需 reset.css。但是用reset css,没有边框出现。我的用户不是 html/css 专业人士,因此他们会创建简单的 html 并期望在他们在测试页面中写入时显示。如果他们的 html 在所有浏览器中显示不完全相同,则取决于他们。
我对此概不负责。我只需要在没有 reset.css 的情况下在 div 中显示他们的 html。无论如何要解决?

0 投票
2 回答
2910 浏览

css - * vs html、body、div、span、applet、object、iframe...等

可能重复:
为什么css重置不使用'*'来覆盖所有元素?

目前我使用:

但我不确定人们为什么继续使用:

大多数网站(包括这个网站)使用第二种方法有什么特别的原因吗?像这样增加 CSS 文件大小一定有很好的理由

0 投票
4 回答
227 浏览

css - 覆盖 Firefox 11 的内置 css

我正在尝试从正文标签中删除 8px 边距。

我试过了(不是一次)

乃至

最后一个有效,但前提是我使用 Firebug 添加样式属性;如果它在原始 HTML 中,则会被忽略。

我无计可施。

编辑:facepalm我想通了;我已将其更改为 cfm,因此我可以轻松调用特定于浏览器的样式。感谢大家的帮助。

0 投票
3 回答
793 浏览

css - css 重置请不要重置内容样式

我正在使用 meyerweb css 重置。它工作正常,但它重置了所有默认样式,即在正文和模板结构(<body>、侧边栏等)或主要内容(文章)中

这是个大问题!因为我已经在编辑TinyMCEstrongitalic

我该如何解决?我可以说浏览器重置所有,期望在 a<table><div>具有特定类或 id 的标签(例如#content)?

谢谢。

0 投票
2 回答
5716 浏览

css - 跨浏览器的字体大小非常不同

更新:使用 normalize.css添加了简单的测试示例http://jsfiddle.net/7UhrW/1/ 。

Chrome/WebKit 和 Firefox 具有不同的渲染引擎,它们以不同的方式渲染字体,尤其是不同尺寸的字体。这并不太令人惊讶,但令人惊讶的是一些差异的大小。

我总是可以将页面上的单个元素调整为更相似,但至少可以这么说,这很乏味。我一直在寻找更系统的解决方案,但许多资源(例如 SO 答案)只是说“使用重置包”。虽然我确信这可以解决许多其他问题,例如填充和间距,但它似乎对字体尺寸没有任何影响。

例如,如果我从http://html5reset.org/获取重置包,我可以显示出相当大的差异(注意检查器中显示的布局尺寸)。[下面的图像实际上比此答案中显示/调整大小的分辨率更高-例如,在 Chrome 中,您可以右键单击并在新选项卡中打开图像。]

在此处输入图像描述

使用 Helvetica,Chrome 的高度反而更短。

在此处输入图像描述

使用不同的字体,Chrome 再次渲染出更高的字体,但另外字母间距变得混乱(可能是由于字体的粗体):

在此处输入图像描述

如果我们尝试添加 unitless * { line-height: 1; },正如评论所建议的那样,我们会看到虽然它确实产生相同的高度,但垂直偏移量是不同的,页面上的其他元素也是如此:

在此处输入图像描述

我尝试了一些重置/规范化包无济于事。我只是想在这里确认这确实是生活中的事实(甚至省略了像 IE 和移动设备这样更明显的违规者),而且我不会错过一些超级棒的解决方案来解决这个烂摊子。

0 投票
0 回答
316 浏览

css - * { 颜色:继承 } 和 * { 字体:继承 } 是 CSS 重置的好主意吗?

您认为以下内容是对 CSS 重置的明智补充吗?

这是一个演示:http: //jsfiddle.net/Daniel_Hug/QZWV6/

0 投票
2 回答
593 浏览

html - How to render same margins for every browser?

I have an HTML5 canvas image where I've drawn some points and I want to align some div tags and text input tags next to the points.

Unfortunately, browsers do not agree with the space between each div and input tags.

I've found a hack for the input tag, by specifying height with CSS. Now input tags have the same space between them for every browsers. It seems the default height of input tags was not the same depending on the browser, very very weird.

I've tried the same thing for my div tags, but I can't get the right alignment for every browsers.

text input tags alignment working with every browsers with CSS hack: http://jsfiddle.net/baptx/XcKZj/

div tags alignment is not the same depending on the browser (configured for Firefox): http://jsfiddle.net/baptx/92gPY/

I'm using Firefox on Linux and I've noticed that Windows version does not render the same margins. Chrome does also not agree with Linux Firefox, when running on Linux or Windows. Opera is great, it always agree with Linux Firefox, running on Linux or Windows.

I first thought, it was due to web browser engine, Gecko rendering differently compared to Webkit, but if Windows and Linux version of Firefox do not agree, it should be something else.

Has anyone and idea where it comes from and how to fix this with div tags?