您的位置:网站首页 > 全网营销 > 网络整合营销 > 正文

Joomla教程查看并修改模板的CSS-CMS技巧-网页制作-网

作者:知网科技 日期:2013/8/15 14:19:07 人气:
标签:

网页制作Webjx文章简介:Joomla文档中文翻译 - 如何查看模板的CSS并进行修改.

论坛上有许多关于CSS的问题,例如“想找的样式究竟在哪里?” “模块的样式是在哪里设定的?”等等。本文将介绍一些免费但强大的工具来帮助我们迅速解决以上提出的那类问题

Firefox浏览器提供了很多工具,特别是一些很好的插件,会在我们的web开发工作中提供非常有用的帮助。出自Chris Pederick的“Web Developer Extension”是一款极其优秀的工具。该插件会在Firefox中增加一条用于开发的工具条(当然可以设置为隐藏)。在众多其他类似的工具中,“Web Developer Extension”在CSS方面的表现最为出众。

关于CSS的使用,有很多问题需要了解:编辑CSS,查看CSS,添加用户样式表,查看样式信息等等。本文中将要探讨的最重要的一点就是怎样去查看样式信息。

假设你在CSS方面的经验很有限,你不了解“table.moduletable”代表什么,或者它在模板的CSS中起怎样的作用。但是你希望修改 模板中某个指定模块(module)的头部背景。通过快捷键Ctrl+Shift+Y,我们可以开启“Web Developer Extension”中查看样式信息的功能。窗口中会出现一个十字光标,你可以移动它到模板上。设想你希望修改某个模块的头部背景及尺寸,但你不知道到哪 里做怎样的修改。

通过“Web Developer Extension”的查看样式信息功能,将十字光标置于需要修改的模块头部并点击,之后你会看到例如下面这样的样式代码:

通过这些代码,我们可以了解到:

安装使用“Web Developer Extension”的步骤是这样的:

该插件的其他功能同样值得花时间去了解和使用。


(())
顶一下
参与讨论
姓名: 验证码:看不清楚,换一个
最新评论

联系我们

软件开发: 15838307519(司经理)

网络营销: 13676968269(王经理)

网络建设: 13073737771(郭经理)

24小时服务电话: 0371-56683330

了解更多APP开发

+好友