><\/span><\/div><\/li>\n<\/ol>\t<\/div>\r\n\r\n<\/div>\r\n\nIn these cases, the styles aren’t just applied to each individual element like with inline styling, but every element of the selector’s type that is present\u00a0on that page<\/em>. So, in this example, every p tag on this particular page would have the color #333. This type of styling is useful when \u00a0you’re working with a particular page where something needs to be styled differently than any of the other pages on your site, but it’s not recommended to do all your styling this way, because it’s a lot harder to make universal changes to all your pages if you do (plus, it makes your pages look kind of messy).<\/p>\nThe final and most widely used type of styling is external CSS stylesheets. These stylesheets are their own file, usually located in a CSS directory of some sort. They’re often lined to in a universal header or in the <head> section of and HTML file. The format of the CSS is the same as the format of the CSS in the internal or embedded styling, but the CSS rules of an external stylesheet will apply to every HTML page that links to the stylesheet, which makes it very easy and convenient to uniformly style many elements across many different pages, and to make changes to your CSS to optimize your site for mobile and different sized viewports.<\/p>\n
The link to your external CSS file should be placed in the <head> of your document, and look something like this:<\/p>\n