How to refer static resources in Salesforce Visualforce?

CSS file

<apex:stylesheet value="{!URLFOR($Resource.style_resources, 'styles.css')}"/>

Suppose there is a single file like any single image or standalone css file, that you need to refer in your VF page, then you can directly use the “$Resource.resourceName” to refer the static resource where ‘$Resource‘ is a global variable to use any static resource within visualforce page. You need not to hard code the path of the static resource in VF page code. Below are some examples of the same.

<apex:stylesheet value=”{!URLFOR($Resource.style_resources, ‘styles.css’)}”/>