CSS allows you to control the styling and formatting of elements on a webpage, which makes websites look more professional and consistent while also improving load times. Understanding CSS and using the browser debugging console can help speed up development and troubleshoot issues. The document provides examples of using inline CSS, a page builder, external CSS, and the theme customizer to style websites, and recommends an anti-malware security plugin.

1. Jessica Reilley – A Mix of Pixels
June 8, 2020
The OneWordPressThing IWish Someone
HadTold MeYears Ago
Understand CSS and the Debugging Console

2. Why CSS?
• Makes your website look pretty and professional with a
consistent look and feel.
• Allows you to create rules that are applied to multiple
elements on your website.
• Speeds up browser load time.
• Eliminates any repetitive styling and saves you a lot of time!

3. Some Examples
• Inline CSS: http://localhost/burbswp/inline-css/
• Page builder: http://localhost/burbswp/visual-page-builder/
• External CSS: http://localhost/burbswp/external-css/
• Theme Customizer

4. Real Life Examples
• https://embassy.marqueedental.com/
• https://midtndev.embassy.marqueedental.com/
• https://bryantdev.embassy.marqueedental.com/

5. Extra Bonus!
Anti-Malware Security and Brute-Force Firewall
https://wordpress.org/plugins/gotmls/

6. Questions?