What is embedded style? How to link?

 Posted by Chikul on 1/23/2010 | Category: CSS 3 Interview questions | Views: 3550

The HEAD area, where the TITLE and META tags are found, is also used to store CSS commands.
These are called embedded CSS. Any embedded CSS command will over-ride an external CSS command of the same tag. Embedded commands are more specific to the page.

Embedded CSS codes are placed within the HEAD area of the page code. That is anywhere after the <HEAD> tag and before the </HEAD> tag. NOT in the HEAD tag itself.

<style type="text/css" media=screen>
p {font-family: georgia, serif; font-size: x-small;}
hr {color: #ff9900; height: 1px }
a:hover {color: #ff0000; text-decoration: none}

Now, whenever any of those elements are used within the body of the document, they will be formatted as instructed in the above style sheet.

Asked In: Many Interviews | Alert Moderator 

Comments or Responses

Login to post response