Visualforce Page CSS样式

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')}"/>

上一篇:Python面向对象02/类的空间问题、类与对象之间的关系、类与类之间的关系


下一篇:fiddler4 使用教程