CSS commands can be placed in different locations.<\/p>\n
All the CSS commands are stored in a separate file – often saved as styles.css<\/strong><\/p>\n Changing or setting any properties in this file will affect every page in the website that uses the same stylesheet file.<\/p>\n All the CSS commands are stored inside the <style> <\/style> tags in the <head> <\/head> section of the html page.<\/p>\n Internal style sheets are best used when:<\/p>\n CSS style commands are embedded inside the html tags:<\/p>\n Inline styles should be avoided. They are difficult to read, and mix the page content with the formatting, making pages hard to update. Using a CSS id<\/em> or class<\/em> achieves the same result, but avoid the problems.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" CSS commands can be placed in different locations. External Style Sheets All the CSS commands are stored in a separate file – often saved as styles.css Changing or setting any properties in this file will affect every page in the website that uses the same stylesheet file. p { font-size: 18px; color: darkgreen; } <!DOCTYPE html> <html> <head> <title>#####<\/title> <link rel="stylesheet" type="text\/css" href="styles.css"> <\/head> <body> ########### <\/body> <\/html> Internal Style<\/p>\n\r\np {\r\n font-size: 18px;\r\n color: darkgreen;\r\n}\r\n<\/pre>\n<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <title>#####<\/title>\r\n <link rel="stylesheet" type="text\/css" href="styles.css">\r\n <\/head>\r\n <body>\r\n ###########\r\n <\/body>\r\n<\/html>\r\n\r\n<\/pre>\n
Internal Style Sheets<\/h1>\n
<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <title>#####<\/title>\r\n <style>\r\n p { \r\n font-size: 18px; \r\n color: darkred; \r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n ###########\r\n <\/body>\r\n<\/html>\r\n\r\n<\/pre>\n\n
Inline Styles<\/h1>\n
\r\n<p style="font-size: 18px; color: darkblue;">bla bla bla<\/p>\r\n<\/pre>\n