2011 New Trends Sweet Bikinis A New Trend in Selling Are HollywoodS Million Dollar Designers Missing Are Maternity Clothes Necessary Article Directory Free Expert Article Baby Clothing Designer Know How Bali Clothing Retail Business Bookish Baublesónew trends in jewelry Buying the Right Kind of Moda Cashback Shopping New Trend in India Color Blocking the new trend of summer Creating Character Styles in InDesign Fashion Design History Comes to Life Feel Good In Trendy Maternity Clothes Finding the Right Designer Clothes First Baby Annabell Clothes Home Get Salon Quality Blowout With the New Super Getting along with new trends GoArticlescom How Much do Baby Clothing Brands How the Bailout Failure Will How to Economize On Baby How to Tell What Style Your Jui Jitsu Clothing Clothing For Your Knowing the New Trends in Information Limousine is new trends for transportation Look For Affordable Maternity Clothes Looking Great During Your Looking for cheap clothes Clothes Mia Moda Stroller The Elite European Moda in Pelle Shoes Are So Much Moda in Pelle Shoes Shop For Right Moda in Pelle Shoes is Perfect New Homes Give Way to New Trends New Parents New Trends Design Your New Trend Emerging In Party Planning New Trends In Wedding Cakes Relationships New Trends in America New Trends in Decorating New Trends in Mobile New Trends in the Home Business New Trends of Home Appliances Online Womens Clothing for Latest Fashion Outdoor Clothing Could Be Stylish Too Shopping Petite Maternity Clothes That Make You look Planning to Buy Moda in Pelle Prom Hair Style Advice From SEO Lets Make Some New Trends Sales Techniques 5 Winning Styles Shopping For Maternity Clothes Shopping Tips For Buying Dog Clothes Some Quick Tips For Selecting Tips For Buying Moda in Pelle Understanding Cascading Style Sheets (CSS) Unitron Moda II Use Alert Apparel Displays for Clothing Using Styles in Microsoft Word V MODA M 100 Headphones Wedding Hair Styles How To Avoid What Is Your Leadership Style Whats Your Management Style Why Is Clothing Always Cheaper From Why Moda in Pelle Shoes
Understanding Cascading Style Sheets (CSS)Folks who are just setting out on their web design journey often overlook how the code that styles their web pages works, especially the differences between inline styles, embedded style sheets and external style sheets.
Beginners in the field of web design tend to use inline styles or embedded style sheets rather than external style sheets. ¬†This is often due to the use of WYSIWYG (What You See Is What You Get) editors such as Dreamweaver or Microsoft FrontPage as they allow beginners to create web pages using a drag and drop interface.
These types of applications don't encourage beginners to learn how to code by hand, which is something I highly recommend.
In this guide, I will show you why you shouldn't use inline styles and embedded style sheets and why external style sheets are your best option.
WHAT'S THE DIFFERENCE
So what's the difference between inline styles, embedded style sheets and external style sheets?
Well, quite simply, inline styles and embedded style sheets are contained within the body and head sections of XHTML documents, while external style sheets are separate documents all together.
External style sheets contain styling and presentation instructions which perform the same functions as inline styles and embedded style sheets do, though these external styles are linked to from an XHTML document rather than the instructions being contained within the body and head sections of the document itself.
Embedded style sheets are essentially inline styles that are contained within the head section of XHTML documents. This creates a middle ground between inline styles and external style sheets.
WHY SO MANY VARIATIONS?
Variety is the spice of life, and it's no different in the web design world.
Having three options to choose from when it comes to styling web pages gives web designers a lot of flexibility, although one technique has predominately become the standard for a number of reasons.
WHICH VARIATION SHOULD I USE?
Well, there is a simple answer to this question. You should use external style sheets.
Inline styles and embedded style sheets go against a major rule in best practice web design, separating style from content.
Separating style from content is important for a number of reasons.
Separating style from content makes your code more semantically correct.
Semantic code is important in web design because it allows your website to be accessible to a wider variety of devices, users and platforms.
Furthermore, semantic coding is important for SEO (search engine optimisation), something which I will discuss in a future article.
All rights reserved
Copyright © 2018 Bella Bella Girl