成都学网页设计

2022-07-05 分类：网站建设

成都学网页设计创新互联 13518219792

定制组件是很常见的。内容管理系统中的模块或插件（或您选择调用的CMS）将需要进行一些其他CSS编辑，以使其按预期的方式显示或运行。内容管理系统比使用HTML和CSS构建的传统网站具有更多的工作部件，并且可能需要一些其他技巧才能完成工作。下面显示的方法应对此有所帮助。

1.使用显示：无隐藏元素

我经常使用CMS插件/扩展/模块，这些插件提供的功能比我的项目所需的功能更多，而且并不总是有打开/关闭开关来管理某些功能。

示例：假设我们在CMS中使用日历应用程序。在此示例中，我正在为Joomla使用JEvents扩展。日历在日历顶部显示当前的月，日和年，但是我希望组件不显示该信息。

日历扩展

使用Firebug，我将鼠标悬停在元素上以找到ID为“ cal_title”

标题

然后，将下面的代码插入到我的css文件中-在这种情况下，我使用的是模板框架Gantry，该模板框架具有名为template.css的模板替代文件。

displaynone

元素现在被隐藏：

titleremoved

请记住，仅当您隐藏不重要的信息时才应使用此选项。如果您隐藏了不希望向公众发布的信息，那么我建议您进入扩展，应用程序或模块的实际文件，并删除一些代码行。

2.使用！IMPORTANT设置CSS属性的优先级

您安装到CMS中的第三方应用程序始终具有其自己的CSS文件或内联CSS代码。曾经尝试将CS??S应用于不同的HTML元素，但没有效果吗？这可能是因为该元素已经应用了CSS属性，而您的新元素刚刚被覆盖。幸运的是，有一种解决方法-使用！important属性将使您的新规则覆盖现有规则。这仅适用于您创建的属性。例如，如果您仅应用新的border属性，则它将仅覆盖边框，而不会覆盖其他属性，例如字体，background-color等。

从前面的示例继续，这是将！important属性应用于CSS的方法：

displaynonecode

仅当您用尽了所有其他方法来应用CSS时才应使用！important。通常，您可以轻松找到原始CSS属性并进行修改。

3.使用CSS生成器

通过在线使用CSS生成器来创建诸如圆形边框，按钮，渐变，阴影等效果，可以节省大量时间。我通常根据需要使用不同的生成器，因此我建议尝试不同的选项，而不要总是使用相同的选项，因为它们通常具有不同的配置。

那么如何找到它们呢？只需使用您喜欢的搜索引擎，然后输入“ CSS generators”！

4.切换网站的移动版本的样式表

我遇到过几种情况，在这些情况下，我只想修改移动版本的CSS，而无需更改完整的桌面版本。如果您使用的是具有内置移动功能的模板，或者使用jQuery Mobile之类的工具单独构建了移动网站，那么这可能不是问题。但是，在某些情况下，需要此小技巧将派上用场。

本文提供了出色的教程，可根据您的浏览器宽度切换样式表。

成都学网页设计

网站题目：成都学网页设计
网址分享：/news16/174666.html

成都网站建设公司_创新互联，为您提供ChatGPT、静态网站、小程序开发、品牌网站制作、用户体验、网页设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容