Salesforce Page开发者文档:https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_styling_custom.htm
1.Visualforce Page CSS样式1(内部引用)
(1)代码:
<apex:page sidebar="false">
<style type="text/css">
p {
font-weight:bold;
color:red;
}
</style>
<p>
This is some strong text!
</p>
</apex:page>
(2)内部引用css样式,在style标签中写css样式
2.Visualforce Page CSS样式2(外部引用)
(1)代码
<apex:page showHeader="false" sidebar="false">
<apex:stylesheet value="{!$Resource.TestStyles}"/>
<h1>
Testing Custom StyleSheets
</h1>
<p>
This text could go on forever
</p>
<apex:outputLink value="https://www.salesforce.com/ap/?ir=1" styleClass="newLink">
Click here to switch to www.salesforce.com
</apex:outputLink>
</apex:page>
(2)外部引用css样式
步骤:1、新建TestStyles.css
2、在TestStyles.css中写css样式
3、在salesforce中,在搜索框中输入static resource,点击new,Name:输入TestStyles, File:Choose File选中刚刚写好的TestStyles.css文件,点击保存
4、运行
3.Visualforce Page CSS样式3(标签使用)
(1)代码
<apex:page sidebar="false">
<div style="font-weight:bold;">
This is div!
</div>
</apex:page>
4.Visualforce Page CSS样式4(在压缩包中存在)
<apex:stylesheet value="{!URLFOR($Resource.css,'TestStyles.css')}"/>
解释:
假设你的名字为css的文件夹下有a.css,b.css,你想用css文件夹下的a.css,那么,第一步,先将css文件夹打包为css.zip的压缩包,然后在salesforce 中的static resource中点击new ,在file选择css.zip
在引用时,则应该为: <apex:stylesheet value="{!URLFOR($Resource.css,'a.css')}"/>