liferay css讲解之一

liferay中CSS的调整是一件很麻烦的事,首先我们要知道liferay的CSS在那几个地方可以写,每个地方的CSS是控制那些的,写那些CSS合适.不管在那里写CSS都要注意浏览器兼容问题.
第一个可以写CSS的地方就是模板里面,关于模板的代码和新建设置,我前面的文章讲过,大家可以参照以前的.我们一般不建义大家这样做因为模板本身就是为了通用的,这样做大大降低了他的通用性,可以把定义成class="xxx",然后把"xxx"定义在外面,这样不同的页面可以定义自已需要的样式.模板里的CSS作用范围当然就是调用该模板的所有文章.
第二个可以写CSS的地方是在页面设置里面,look and feel里面有个CSS,这个里面可以写CSS,这里的CSS作用范围就是本页面,我们一般把整个页面需要遵守的样式就写在这里比如:行高,字大小之类.这里要注意语法<--代码-->,曾经试过,在这之外多写了一个"CSS"结果样式效果不出来了.
第三个可以写CSS的地方就是每一个portlet的"外观与风格",这个是用的最多的,外观与风格,可以设置一些边框,背景色,边距,在最后一个选项"先进称呼"(中文状态下),点击"新增一个CSS规则为这个portlet"然后会在框内出现portlet 的ID,这个ID是此PORTLET的唯一标识,例如:#p_p_id_56_INSTANCE_TDxN_{},这样就可以在里面写上你需要的CSS样式,这里的作用范围仅此portlet.
第四个可以写CSS的地方是本地WEB文件,webapps\ROOT\html\themes下面有很多的风格,至于如何自定义风格在前面的文章我讲过,\CSS文件夹下面有十个CSS文件,这些用到最多的是custom.css,layout.css,这里的文件是关系着整个网站的样式的,所以改之前要三思而后行,当然了首要条件是在页面设置里选择的是对应风格,要不然改的一切都是白搭.
本章就讲个大概,至于每个地方如何具体的写,我会在以后的文章里慢慢讲解,后两个地方用到的是最多的,所以重点会讲后面的两个.
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值