Understanding CSS and the Debugging Console
Download as PPTX, PDF0 likes91 views
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.
Understanding CSS and the Debugging Console
- 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?