+ Start a Discussion
Prateek.SinghPrateek.Singh 

CSS vs SLDS

Hi,
Can Anyone explain that while writing a Lightning code what difference it makes to use normal css or  slds ? 

Thanks.
Prateek
Shubham NandwanaShubham Nandwana
 Hi Prateek,
   Salesforce Lightning Design System (SLDS) is a CSS based framework. SLDS provide styling to give more look and feel of lightning.

   Certain benefits of using Salesforce Lightning Design System:
    -By using SLDS it’s easier to build apps which are responsive and also have the look and feel similar to Lightning Experience.
    -It is compatible with multiple browsers like  Google Chrome, Latest Mozilla Firefox,   Latest  Safari Latest Internet Explorer 11 and above.
    -It provides a robust grid system because of which It is easier to build responsive layouts that work elegantly across different screen sizes.
    -The CSS is fully namespace with the slds-prefix to avoid CSS conflicts.

Nowadays you can use lightningStylesheets for styling your VF pages. https://sfdcpanther.wordpress.com/2017/10/16/automatic-style-your-vf-into-lightning-experience-lightningstylesheets/
You can refer to below article for more information. https://www.linkedin.com/pulse/difference-slds-aura-components-ajay-dubedi
Hope this helps.

Shubham Nandwana.
AppPerfect Corp.
salesforce@appperfect.com
408-252-4100
http://www.appperfect.com/services/salesforce/
Salesforce Development & Operations Experts