Installing Windows 7

CSS Types

IT/237

CSS Types

There are three types of CSS external (linked), in-line (local) Embedded (internal), they all have pros and cons to them. The external style sheet is the best one to use in most cases. It is a file that contains only CSS styles there are not any HTML in the style sheet. The head of the document (Web page) will have a link to the style sheet. If it is needed, the style sheet can be overridden in the document by inline and embedded styles. Some of the problems with external style sheets are that they are usually removed from HTML mails, which leads to, a messy layout. They also take extra HTTP request per file which uses more resources for firewalls and routers. In turn though, the CSS file is cacheable and creates faster page rendering after the initial page load.

Embedded style sheets are a style that is placed into the head of the individual page. This style is overrides an external style sheet but is overridden by an inline style sheet. An embedded style sheet is good to use when initially styling a document. The developer can test and perform quick fixes when the outcome is not what is desired or did not work. This saves them time from having to go back and forth between the stylesheet and the document. When the testing and styling are completed it is easy to copy the embedded styles to an external style sheet. When loading a site, there is redundancy because, each page has its own style and needs to be loaded every time. Many email clients do not load styling from the head, just as they do not load external sheets. This can lead to a messy layout.

Inline styles are styles that are located directly in the tag of the document which is why they are sometimes called local. They inline style only affects the tag. This fills up HTML space and takes up bandwidth, and they are not reusable on other pages. Inline style works well with email servers. This is because most email clients do not accept style in the head or external style...