每页一个样式表! [关闭]

2023-12-06

我有一个新设计的想法。但基本上,它是最后一个设计的扩展(?)版本,并且最后一个设计的 CSS 文件有 2096 行长! (这是常见/正常吗?)无论如何,我想这个新设计是非常独特的,因为我以前在其他地方没有见过它。

它将有许多隐藏的东西,只有在被某些东西激活时才会变得可见。每个页面都有相同的“布局”,但是,根据您所在的页面以及单击或悬停的内容,布局将发生巨大变化。

每页有 1 个样式表是“好习惯”吗?

我真的没有看到这有什么缺点,但我确实认为这将有助于维护它,甚至可能会稍微加快网站速度,因为每个页面都不会加载超过 2000 行长的 CSS 文件。

如果我只为这个新站点保留单个样式表,我敢打赌它至少有 8000 行长。在现有样式表中进行简单的查找和替换已经是一场噩梦。


有几种方法可以看待这个问题。

如果将它们全部合并为一个,则 CSS 文件将仅下载一次。然后它将被缓存,因此后续页面请求将不会下载 CSS 文件。这将使初始页面加载速度变慢,但其余页面加载速度更快。

第二种解决方案是使用主+单独页面样式表。使用主要的 CSS 来表示页面之间常见的内容,使用另一种表示页面特定的 CSS。这种方法在获取页面时添加了额外的请求,但允许您将页面特定的 CSS 分开。您还可以在该特定页面的头部包含页面特定的 CSS。这将减少每个页面加载的请求数量。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

每页一个样式表! [关闭] 的相关文章

  • 为什么inline-block元素出现在inline元素的下方?如何让它们出现在同一行?

    我目前正在尝试理解基本的 HTML 和 CSS 概念 并遇到了一个非常奇怪的问题 我有两个元素 一个具有 display inline 另一个具有 display inline block 我正在尝试创建一个列表 类似的东西1 SOME C
  • 将单选按钮放置在图像上

    我试图在图像上的确切位置放置一些单选按钮 我已将两者都放在 Div 中 但我不知道下一步该怎么做 这是我想要放置单选按钮的位置 红色圆圈 到目前为止 这是我的代码 center display block margin left auto
  • iPhone 上的 Chrome 溢出空白页面上的内容(仅在新选项卡上,而不是重新加载)

    在 iOS Chrome 上 正文会在没有内容的新选项卡或页面上溢出 但如果重新加载页面 问题就会得到解决 它会给位于底部的任何元素 绝对或固定 带来问题 这是重现问题的代码
  • 当鼠标悬停在链接上时,如何在链接旁边创建弹出框?

    这是我想要实现的 我的网页上显示了两个超链接 a href http foo com foo a a href http bar com bar a 我还有两个对 div 链接的描述 div foo means foo div div ba
  • 边界半径圆

    我有这个代码 span p margin 0 span background color red display inline block border radius 50 span p 25 p p 08 p span 我想在我的跨度上画
  • @Font-face 不适用于 IOS

    我正在开发一个 WordPress 网站 并且在每个页面上都有一个 H1 标签作为该页面的标题 我正在使用 font face 的特殊字体 它在每个浏览器的 Windows 上都运行良好 但是当我切换到 Mac 时 它不会显示 h1 标签
  • React JS - 单击时更改颜色并将默认颜色放在所有其他颜色上

    我有 x 个渲染数文章预览依赖于 API 调用的组件 div div Object keys images map index i gt return div div
  • Menu.Item 中的 Antd 自动换行

    可以在 Menu Item 组件中应用自动换行吗 示例不起作用
  • 删除

    好的 我有一个小菜单栏 菜单内的三个元素还有更多的子菜单 但是菜单栏中的元素之间有不必要的间距 而且我创建的子菜单有不必要的背景宽度 我在代码中将其涂成白色以使读者理解 由于这种不必要的宽度 即使鼠标悬停在不可见的宽度上 在本例中为白色 本
  • javascript:window.print() 打印 2 页,而我有 1 页

    我有一个简单的 HTML 文档 其中仅包含图像标签 我想在文档加载后打印图像 我的代码 img src form1 jpg alt form1 style margin 0 auto display block 它可以工作 但问题是它打印图
  • 为什么我的图像下方有空间? [复制]

    这个问题在这里已经有答案了 图像在下面获得了神秘的空白空间 即使padding 0 margin 0被应用 示范 http jsfiddle net cLETP 红色边框应该包围图像 但底部有空间 造成这种情况的原因是什么 如何删除该空间
  • 删除特定数据表上的所有边框

    我需要使用 PrimeFaces 隐藏一个数据表的所有边框 而不是全部 我尝试了很多事情 但没有人奏效 有谁知道该怎么做 我已将以下样式 单独 应用于ui datatable class border hidden important bo
  • save_and_open_page 已停止提供我的 CSS

    我的测试设置工作得很好 每当我打电话时 都能提供正确格式的 css 页面save and open page从测试中 然后 我设置了一些 javascript 测试 并对我的设置进行了一些更改 抱歉 我无法详细说明所有内容 我没有足够详细地
  • 网站在 iPhone 屏幕右侧显示空白区域

    我遇到问题http eiglaw com http eiglaw com iPhone 屏幕右侧显示约 25 像素宽的空白 边框 我在 stackoverflow 上研究了这个问题 这些帖子是相关的 但是当我尝试提供的各种解决方案时 我无法
  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 合并 2 个大型 CSS 文件的有效方法

    我正在寻找一个可以合并 2 个大型 CSS 文件的工具 到目前为止我尝试过的所有方法 例如CSSMerge 都没有成功 其中一些只是随机删除属性 其他人则因 webkit 和 moz 等非标准属性而窒息 并给我错误 我还需要保留每条规则大小
  • 具有 100% 高度行和 Internet Explorer 9 的表格

    我有以下示例 div style height 150px background color AAAAFF div
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • Webpack 4:如何使用 LESS 获取 CSS 源映射?

    多年来我一直在尝试让 CSS 源映射在 webpack 中工作 但没有成功 我不确定链条中哪里出了问题 我希望有人能指出我正确的方向 这是发生的事情 行号是错误的 实际上文件名也是错误的 main less只是包含一堆 import也就是说

随机推荐

  • 加密的 zip 文件也可以保护其内部目录吗

    我正在使用 WinZip AES 256 使用 DotNetZip 创建加密的 zip 文件 但是 我可以读取该目录 甚至可以在没有加密密钥的情况下删除一些 zipentries 据我了解 目录可见性是 Zip 格式的限制 我只是想知道 这
  • AngularJS“ng-href”不工作

    我正在尝试使用 angularjs ng href 创建指向每个 id 的链接 但是当我刷新页面时 链接不会显示 我什至关闭了浏览器并清除了缓存 但什么也没有发生 这是我当前的代码 tr td a a parcel id td td par
  • MySQL 查询拉取一行并显示结果的第一个字母

    我想我需要更新基本的 PHP MYSQL 因为没有什么对我有用 我的 MYSQL 表有两行信息 results mysql query SELECT Name Description FROM products results mysql
  • 使用 Matplotlib 注释正态分布图中的四分位数

    我正在使用一个数据集 到目前为止 我已经制作了一个带有叠加正态分布曲线的直方图 我想像这样标出四分位数image 箱线图供参考 这是我正在使用的代码 import matplotlib pyplot as plt import numpy
  • 将字符串数组写入文本文件,以换行符分隔

    我有一个 PHP 页面 它接受用户在文本区域中的输入 接受多个字符串作为用户的输入 并且包含 n 我将其扫描为 data explode n GET TxtareaInput 每个字符串都应移动到文本文件中 并以换行符分隔 这是我现在使用的
  • Oracle AWR - SQL 解析调用较高,但执行次数为 0

    我试图了解是什么导致了 Oracle 10 数据库上的开放查询 在 AWR 上 它显示了非常大量的解析调用 例如 1 小时内超过 15 000 个 但执行次数为 0 查询怎么可能不执行 却解析了15000次呢 解析调用 15 000 处决
  • 如何在 R 中的 ggplot2 中绘制混合效应模型估计?

    我有一个具有一种随机效应的 2x2x2 因子设计 数据 dat 如下 colour size level marbles set Blue Large Low 80 1 Blue Large High 9 2 Blue Small Low
  • JasperReports 默认字体

    我有一个带有样式文本字段 RTF 的 JasperReport 模板 在服务器上生成 该字段的内容是用户生成的 因此它可以包含客户端 PC 上安装的所有字体 称为字体 X 如果我现在在服务器上生成报告 则没有字体 X 因此我想将所有未知字体
  • JavaScript:如何直接从对象生成格式化的易于阅读的 JSON? [复制]

    这个问题在这里已经有答案了 可能的重复 如何以编程方式美化 JSON 我知道如何使用 JSON stringify 从对象生成 JSON 或者在我的例子中 方便的jQuery JSON from 谷歌代码 现在效果很好 但输出对于人类来说很
  • 如何在Python中将一维图像数组转换为PIL图像

    我的问题与Kaggle 数据科学竞赛 我正在尝试从包含的一维数组中读取图像1 位灰度像素信息 0 至 255 for an 28x28 图像 所以数组来自0 to 783其中每个像素被编码为 x i 28 j 转换成二维 28x28 矩阵如
  • 如何在Java中模拟静态方法?

    我有课FileGenerator 我正在为generateFile 方法应该执行以下操作 1 它应该调用静态方法getBlockImpl FileTypeEnum on BlockAbstractFactory 2 它应该填充变量block
  • 如何修复此编译器错误“格式不是字符串文字且没有格式参数”

    我有编译器错误 libvncserver main c 245 error format not a string literal and no format arguments 第 245 行是 fprintf stderr buf 其中
  • 如何计算 python 引发了多少个异常

    我想找出引发异常的数量并将其与 if 语句一起使用 更清楚地说 如果连续引发超过 10 个 TimeoutException 则打印 网站存在问题 我搜索过 但什么也没找到 我希望有一种有效的方法来做到这一点 这是代码 while True
  • Strapi v4 抛出 cors 异常

    我是 Strapi 的新手 我已经下载了 Strapi v4 并且我使用 vue js 作为前端 现在我创建了类别 并尝试使用我的 vue 应用程序获取这些类别 但出现了 cors 错误 Access to XMLHttpRequest a
  • 箭头函数语法不适用于 webpack?

    我正在react redux 上制作一个应用程序 我使用 webpack 进行捆绑 使用 babel 进行转译 当我尝试在代码中使用箭头函数时 它给我的错误是 Module build failed SyntaxError Unexpect
  • NoSuchBeanDefinitionException:没有可用的“org.springframework.security.config.annotation.web.builders.HttpSecurity”类型的合格 bean

    我正在尝试使用 Spring Boot 设置基本身份验证 但在启动时不断收到此错误 我见过几个例子 它们的代码几乎与我这里的代码完全相同 但我不知道我做错了什么 我从 Spring 的文档中复制了代码 只做了一些小的调整 我对 Spring
  • Target='_blank' 在新窗口中显示,而不是在新选项卡中显示,可能吗?

    我怎样才能做到这一点 在 Firefox 中 链接会在新选项卡中打开 我不希望用户必须为此设置浏览器的设置 我希望每当用户单击主页上的 联系 时都会出现一个带有联系表单的弹出窗口 我该怎么做 您无法控制这一点 这完全由用户代理自行决定 毕竟
  • 为什么 `finally: return` 不传播未处理的异常? [复制]

    这个问题在这里已经有答案了 为什么该函数不引发异常 显然是没被抓到 def f try raise Exception finally return ok print f ok 这在中明确解释了文档 如果任一子句发生异常且未处理 则暂时保存
  • CUDA - memcpy2d - 错误的音高

    我刚刚开始 CUDA 编程 并尝试执行下面所示的代码 这个想法是将一个二维数组复制到设备 计算所有元素的总和 然后检索总和 我知道这个算法不是并行的 事实上 它正在做更多的工作 然后是必要的 然而 这只是有意的作为内存复制的练习 inclu
  • 每页一个样式表! [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我有一个新设计的想法 但基本上 它是最后一个设计的扩展 版本 并且最后一个设计的 CSS 文件有 2096 行长 这是常见 正常吗 无论如何 我想这个新设计是非常独特的 因为我以前在其他地