注目の記事 PICK UP

什么是重置 CSS – WEB 制作基础知识

Last Updated 2021.11.28

什么是 WEB 制作基本重置 CSS?

18-resetcss-header
在 WEB 制作设计现场是理所当然的,但 WordPress 中首次打开 WEB 网站的人似乎不熟悉重置 CSS 设计的想法。 CSS 是可以自定义网站页面设计部分的代码,但自 HTML 5 和 CSS 2.0 标准颁布以来,重置默认 HTML 元素设计的想法已经传播开来,以便统一任何浏览器、任何 PC 或移动设备的外观。 这是重置 CSS 的概念和概念。

什么是 CSS 重置?

在浏览器中显示的 WEB 网站页面具有默认设计和布局,当浏览器解释 HTML 时,例如,如果 H1 标记显示 HTML 标记,则字符将加粗,输入标记的按钮设计因浏览器而异。 此默认设计布局在 Web 设计过程中以 Chrome 中所需的设计布局显示,但 FireFox 和 Safari 的按钮设计不同,H1 标记字体的设计布局崩溃。 在进行 WEB 设计时,很容易成为破坏在交叉浏览器中按预期方式显示假设的因素。 为了在此跨浏览器中按预期方式显示 WEB 设计,重置 CSS 的名称是重置 CSS 中每个 HTML 标记的设计布局。

重置 CSS 在全球发布

重置 CSS 已在世界各地开发,并且通常免费提供。
其中,在WEB制作现场,介绍主要使用的著名产品。

HTML5 Doctor Reset CSS

重置 CSS 对应于当前 HTML 标准和 HTML 标准 5。
它说,重置CSS已经采用了很多在WEB生产现场。

特别是没有习惯,如果没有坚持,我会建立一个CSS设计的基础上,这个重置CSS。
重置 CSS 下载页面在以下链接中找到。

YUI yahoo CSS RESET

在雅虎开发的重置CSS中,它与上述HTML5医生重置CSS一样著名。

代码未在 WEB 上公开,官方建议读取 WEB 服务器上的 CSS 文件。
但是,由于已发布的 WEB 服务器是 http,因此 https 是主流的网站可能会在浏览器中发出安全警告,不建议这样做。
如果可能,最好打开使用 href 加载的 CSS 文件,然后复制源并将其合并到网站的 CSS 中。

其他重置 CSS
  1. Universal Selector Reset
  2. Normalize.css
  3. ress.css
  4. Reboot.css

上面的重置 CSS 在 CSS 中重置每个元素,但默认情况下稍微添加一些设计布局。
请注意,CSS 不会简单地重置 HTML 元素的设计和布局。

如何使用重置 CSS

在 WEB 制作现场,似乎经常使用 HTML5 Doctor 重置 CSS 进行排列,并为每个 WEB 设计问题添加其他重置元素。 重置 CSS 也用于本网站的主题,每个 HTML 元素的开头都包含重置 CSS 的代码。

通过了解重置 CSS,您可以了解各种浏览器的个性,并扩展 WEB 设计的宽度。 为了扩大WEB设计的宽度,为了简化HTML编码,有很多用途,但知道重置CSS是方便的,没有必要写多余的CSS代码。 如果您有兴趣,可以使用 HTML5 Doctor Reset CSS 设计和布局每个 HTML 元素,最好尝试测试 Chrome、FireFox、Safari 等跨浏览器的行为。

有Chrome浏览器功能模拟iPhone或Andriod手机终端的功能,可以在移动端显示网站。 您可以使用此功能检查响应式设计的布局。

スポンサードリンク

Related post

  1. 26-gdpr-aicache

    保护欧盟用户的个人信息和响应GDPR的个人信息保护法

  2. 11-wordpressfirst-aicache

    什么是 AMP 以提高移动可用性?

  3. 12-wordpressfirst-aicache

    如何安装和高级 AMP for WP

  4. 30-wpsitemap-aicache

    在 WP 站点地图页面生成用户友好的站点地图

  5. 07-wordpressfirst-aicache

    新的块编辑器很难使用。 此时为Classic Editor

  6. 13-wordpressfirst-aicache

    AMP for WP高级设定方法-Design(设计)

  7. 17-postandpage-aicache

    WordPress 帖子页面和固定页面之间的区别是什么?

  8. 19-chromedev-aicache

    如何在 Chrome 中从 PC 模拟和显示移动设备

  9. 05-05-sxomarketing-aicache

    SEO措施-2022年实现SXO搜索体验优化

スポンサードリンク

特色文章

  1. 26-gdpr-aicache 保护欧盟用户的个人信息和响应GDPR的个人信息保护法
  2. 05-03-aboutsxo-aicache 什么是 SXO 搜索体验优化? -SEO的下一代SEO措施
  3. 05-05-sxomarketing-aicache SEO措施-2022年实现SXO搜索体验优化
  4. 19-chromedev-aicache 如何在 Chrome 中从 PC 模拟和显示移动设备
  5. 02-wordpressfirst-aicache 安装 WordPress 并首先设置 – 发布设置
  6. 03-wordpressfirst-aicache 安装 WordPress 后要做的第一个设置 – 显示设置
  7. 12-wordpressfirst-aicache 如何安装和高级 AMP for WP
  8. 04-wordpressfirst-aicache 安装 WordPress 并首先执行的设置 – 讨论设置
  9. 29-complianzgdpr-aicache 英国 GDPR 更加严格—Complianz GDPR & CCPA …
  10. 20-marketing-aicache 营销定义—从消费者导向到价值驱动营销

挑选文章

  1. 13-wordpressfirst-aicache AMP for WP高级设定方法-Design(设计)
  2. 09-wordpressfirst-aicache Site Kit by Google 与 Google 服务合作
  3. 19-chromedev-aicache 如何在 Chrome 中从 PC 模拟和显示移动设备
  4. 25-marketing-aicache 4C分析和交叉SWOT分析-营销分析框架
  5. 17-postandpage-aicache 看来租用服务器会增加
  6. 16-onamae-aicache 为您的onamae.com域核心服务器集成设置DNS设置
  7. 02-02-csspseudoclass-aicache 我有一种感觉,租赁服务器将变得更加复杂,并且不再需要 AMP。
  8. 06-wordpressfirst-aicache 使用 SiteGuard WP 插件防止 WordPress 非法登录
  9. 05-wordpressfirst-aicache 安装 WordPress 并首先执行设置 – 永久链接设置
  10. 26-gdpr-aicache 保护欧盟用户的个人信息和响应GDPR的个人信息保护法

热门文章

  1. 16-onamae-aicache
  2. 14-wordpress-aicache
  3. 11-wordpressfirst-aicache
  4. 25-marketing-aicache
  5. 07-wordpressfirst-aicache
  6. 05-wordpressfirst-aicache
  7. 04-wordpressfirst-aicache
  8. 09-wordpressfirst-aicache
  9. 26-gdpr-aicache
  10. 18-resetcss-aicache

最近的文章

  1. 17-postandpage-aicache
  2. 02-02-csspseudoclass-aicache
  3. 25-marketing-aicache
  4. 35-newthemeupdate-aicache
  5. 05-03-aboutsxo-aicache
  6. 05-05-sxomarketing-aicache
  7. 20-marketing-aicache
  8. 29-complianzgdpr-aicache
  9. 26-gdpr-aicache
  10. 19-chromedev-aicache

推荐文章

  1. 02-02-csspseudoclass-aicache
  2. 09-wordpressfirst-aicache
  3. 13-wordpressfirst-aicache
  4. 05-05-sxomarketing-aicache
  5. 12-wordpressfirst-aicache
  6. 07-wordpressfirst-aicache
  7. 26-gdpr-aicache
  8. 03-wordpressfirst-aicache
  9. 01-wordpressfirst-aicache
  10. 08-wordpress-header
PAGE TOP