问题标签 [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.
css - “字体大小:100%”的问题
我是 CSS 新手,所以如果这是一个愚蠢的问题,我很抱歉。
我正在制作一个网站并使用它:
后来,实际上是今天,我尝试将EricMeyer 的 CSS 重置应用到我的 80% 声明以上的页面,但这给我的字体大小造成了各种麻烦。
我不认为这会是一个问题,因为我认为 font-size 100% 不会改变字体,它只是“使用你父母的字体”,但事实并非如此。
这个 font-size 100% 声明实际上是做什么的?为什么它适用于重置中的每个元素(即 html、body、div、span、a、b、i、font 等 {font-size} 而不仅仅是我使用的 body{font-size},这似乎被继承罚款)?
在我“只删除 100%”之前,我想知道它实际上在做什么。100% 到底是什么意思,为什么迈耶先生将它应用到一堆元素上,而不是像我一样只应用到身体上?
html - 是否有可用于 CSS 重置的 HTML 测试文件?
有很多CSS 重置。我正在为移动设备构建一些东西,我想尽可能多地跳过不必要的 CSS,所以我想知道是否有一个详尽的 HTML 测试页面我可以运行一些CSS 重置来测试它们?
测试规则也是了解需要哪些边缘案例、它们的目标是什么以及为什么的好方法。
css - 想要改善跨浏览器体验的现有 IE 站点的 CSS 重置表?
我正在开发一个内部自定义 ASP.NET 站点,该站点由客户指定,只需要在 Internet Explorer 中工作。这意味着没有提供任何资源来确保它在其他浏览器中工作并且看起来不错,尽管没有使用仅 IE 的奇异技术或类似的东西。
由于最终有人会希望其他浏览器也能正常工作,我想知道是否存在类似 CSS 重置样式表之类的东西,它可以帮助使其他浏览器的布局更像 IE。
我正在寻找一个重置样式表,专门用于使 Firefox、Chrome 等的行为更像 IE(我相信没有人会对此留下令人讨厌的评论),这不会破坏太多现有布局(经过测试目前仅在 IE7 上)。
我知道我在 Javascript 等方面还有其他问题,但这个问题仅与 CSS/布局有关。
简而言之,是否存在将 CSS 重置为 IE 默认值的 CSS 重置表?
jquery - 范围内的 CSS 重置
我有一个 jQuery 插件,它将动态地向页面呈现大量的 HTML。我希望插件的使用者能够按原样使用它,并且无论他们使用什么 CSS 样式,它看起来都一样。
因此,我需要一个“范围”的 CSS 重置 - 即在我的插件 div 中说任何内容的能力不应受到所有者 CSS 的影响。
现在显然我可以重置我在这个范围内使用的所有 HTML 元素,但它看起来不是很优雅。其他人会以任何方式处理这个问题吗?
css - gwt - 如何通过 CSS 重置 GWT 应用程序?
我想做的是应用系统范围的 CSS 重置。我怎样才能做到这一点?
这里有一些关于 CSS 重置的含义的信息。
重置样式表的目标是减少浏览器在默认行高、页边距和标题字体大小等方面的不一致。
html-email - 如何在 Web 电子邮件客户端中显示 HTML 电子邮件?
嗨,我正在构建一个基于 Web 的小型电子邮件客户端。我在显示 HTML 邮件时遇到问题。显示 HTML 邮件的最佳实践是什么?我发现的一些东西
- CSS重置
- 去掉邮件中的正文标签
css - 关于 * {margin:0; 的困惑 填充:0;}
在我读过的一些文章中,* {margin:0; padding:0;}
不鼓励使用 ,因为它会影响网站的性能。所以我转向reset.css
样式表。
但我想知道,它如何影响性能?
css - CSS样式重置
通常为了使每个浏览器的样式都相同,您会看到一些站点具有以下内容:
html, body, div, span, object, ... {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
他们为什么不简单地使用:
*, html { ... }
css - webkit htm5 css重置输入元素
这有点烦人。似乎 webkit(通过 chrome 13 canary)在设置各种输入类型的样式方面做得很好,并且在很大程度上与设计相冲突。
特别是,这些让我很头疼:
- 选定元素发光(通过轮廓)
- 占位符=文本样式
- 聚焦文本区域和输入字段周围的丑陋光芒
我正在使用样板和modernizr。
input[type=search]
带有占位符的简单元素会覆盖文本样式。
我知道你可以通过
input::-webkit-input-placeholder
但是,这似乎无法设置样式text-shadow
- 这有点废话。有谁知道这是否可能是一个将被修复的错误,或者我是否需要求助于 javascript 占位符解决方案?
搜索输入带有白色背景,并删除了基本 CSS 类中定义的圆角。我找到了一个重置代码:
它有点帮助。
我通过设置来修复表单元素周围的光晕outline: none
。
我想我真正想要的是一个 CSS 重置,它会删除user agent stylesheet
(根据网络检查器)中影响它的任何预定义样式。是否有任何可用的重置可以做到这一点,尽管文档类型是 HTML5,但元素的呈现与 HTML5 之前一样简单,并遵循基本 CSS 中为它们设置的隐式规则?
我不想这么说,但尽管存在内存占用问题和插件运行缓慢,但 FireFox 4 实际上完美地呈现了一切。Webkit 不应该尝试为您设置样式,只需提供一个 API,如果您愿意,您可以这样做...
css - Reset.css 会影响其他样式表吗?
我正在开始一个新项目,所以我想开始在我的项目中使用 Reset.css。我得到了使用 Reset.css 的概念,但困扰我的一件事是,如果影响我在同一元素上应用的其他样式.. 就像在 reset.css 中,div 有 0 边距和 0 填充......如果我申请我的样式表中某些 div 的边距,它不会受到干扰吗?
请清除我的这个疑问