CSS or Cascading Style Sheet is used to define styles and visual appearance for your web pages including colors, layout and fonts. CSS is keystone technology that is used to create fully functional websites and web applications. It allows adapting the presentation in different screen sizes.

CSS is primarily designed to store the style presentation information like layout, colors and fonts separately from Website HTML structure. This provides more flexibility, control of your website layout and makes your web pages loads faster and easier to update.

Advantages of CSS:

Allows separating the content: The biggest advantage of CSS is that it allows storing the style presentation information separately from HTML structure.

Easy and simple: CSS is Very easy to use and simple to learn.

Saves a lot of time: CSS gives the flexibility to reuse the same code again for HTML documents and multiple web pages.

Load pages faster: CSS enables multiple pages to share formatting by defining the style rules in separate .css file and reduce complexity and repetition in the structural content. This significantly reduces the file size which results in faster loading pages.

Multiple device compatibilities:  CSS allows content to be optimized in different types of devices and screen sizes. Using the CSS, same HTML document can be viewed on all devices such as Laptop, desktop, mobiles and all screen sizes.

Every WordPress theme contains a style.css sheet which has style rules to define the formatting of the web pages. WordPress themes make easy to change the WordPress look and layout by editing and modifying the style.css sheet or adding the Custom Css.

How to add custom CSS to WordPress?

Starting with WordPress version 4.7, you can easily Add Custom Css to your theme from your dashboard without the help of plugins or directly editing or changing the theme or child theme style sheets.

If you modify a theme directly and its get updated, your all modifications may be lost. By using the custom CSS, your modifications are preserved. Let’s check how to add custom CSS to WordPress?

Step 1: Login to your WordPress dashboard and go to Appearance > Edit CSS.

Step 2: Now you’ll be redirected to theme customizer and click on additional CSS.

Step 3: Now CSS editor will be opened and you can add your own CSS styles which override the default styles of your theme.

All changes you made are tied to your present theme. If you change to a new theme, your custom CSS styles will not work.

I hope this article helped you to know about CSS. Please share this article on Facebook, Google + and Twitter.

The post What is CSS and How to add custom CSS to WordPress? appeared first on Royal Ecash.