Explore topic-wise InterviewSolutions in Current Affairs.

The :hover SIGNIFIES an element that currently has the USER's MOUSE POINTER hovering over it.

The :hover signifies an element that currently has the user's mouse pointer hovering over it.

The :VISITED SIGNIFIES visited HYPERLINKS.

The :visited signifies visited hyperlinks.

The :LINK SIGNIFIES UNVISITED HYPERLINKS.

The :link signifies unvisited hyperlinks.

The -moz-OPACITY PROPERTY is USED to SET the opacity of an IMAGE.

The -moz-opacity property is used to set the opacity of an image.

The WIDTH PROPERTY is USED to SET the width of an IMAGE.

The width property is used to set the width of an image.

The HEIGHT PROPERTY is USED to SET the height of an IMAGE.

The height property is used to set the height of an image.

The BORDER PROPERTY is USED to SET the WIDTH of an image border.

The border property is used to set the width of an image border.

The TEXT-shadow property is USED to set the text shadow AROUND a text.

The text-shadow property is used to set the text shadow around a text.

The white-space property is USED to CONTROL the FLOW and FORMATTING of text.

The white-space property is used to control the flow and formatting of text.

The TEXT-transform property is USED to capitalize text or CONVERT text to uppercase or lowercase LETTERS.

The text-transform property is used to capitalize text or convert text to uppercase or lowercase letters.

The text-decoration property is USED to underline, OVERLINE, and STRIKETHROUGH text.

The text-decoration property is used to underline, overline, and strikethrough text.

The TEXT-ALIGN PROPERTY is USED to align the text of a DOCUMENT.

The text-align property is used to align the text of a document.

The TEXT-INDENT PROPERTY is USED to indent the text of a PARAGRAPH.

The text-indent property is used to indent the text of a paragraph.

The word-spacing PROPERTY is USED to ADD or subtract SPACE between the words of a sentence.

The word-spacing property is used to add or subtract space between the words of a sentence.

The letter-spacing property is used to ADD or SUBTRACT SPACE between the letters that MAKE up a WORD.

The letter-spacing property is used to add or subtract space between the letters that make up a word.

The DIRECTION PROPERTY is USED to SET the TEXT direction.

The direction property is used to set the text direction.

The COLOR PROPERTY is USED to SET the color of a TEXT.

The color property is used to set the color of a text.

The font property is USED as SHORTHAND to SPECIFY a number of other font PROPERTIES.

The font property is used as shorthand to specify a number of other font properties.

The FONT-SIZE property is used to INCREASE or decrease the size of a font.

The font-size property is used to increase or decrease the size of a font.

The FONT-weight property is used to INCREASE or DECREASE how BOLD or LIGHT a font appears.

The font-weight property is used to increase or decrease how bold or light a font appears.

The font-variant PROPERTY is USED to CREATE a small-caps EFFECT.

The font-variant property is used to create a small-caps effect.

The font-style property is used to make a font ITALIC or OBLIQUE.

The font-style property is used to make a font italic or oblique.

The FONT-family PROPERTY is USED to CHANGE the FACE of a font.

The font-family property is used to change the face of a font.

The BACKGROUND property is used as a SHORTHAND to specify a NUMBER of other background properties.

The background property is used as a shorthand to specify a number of other background properties.

The BACKGROUND-attachment property is USED to control the scrolling of an IMAGE in the background.

The background-attachment property is used to control the scrolling of an image in the background.

The BACKGROUND-POSITION PROPERTY is used to control the position of an image in the background.

The background-position property is used to control the position of an image in the background.

The background-repeat property is used to control the REPETITION of an IMAGE in the background.

The background-repeat property is used to control the repetition of an image in the background.

The BACKGROUND-IMAGE PROPERTY is used to SET the background image of an element.

The background-image property is used to set the background image of an element.

The BACKGROUND-COLOR property is USED to set the background color of an element.

The background-color property is used to set the background color of an element.

There is the list of 216 colors which are supposed to be most safe and computer independent colors. These colors vary from HEXA CODE 000000 to FFFFFF. These colors are safe to USE because they ensure that all computers would display the colors CORRECTLY when running a 256 color palette.

There is the list of 216 colors which are supposed to be most safe and computer independent colors. These colors vary from hexa code 000000 to FFFFFF. These colors are safe to use because they ensure that all computers would display the colors correctly when running a 256 color palette.

<P>VMIN 1vw or 1VH, WHICHEVER is SMALLER.

p { font-size: 2vmin;}

vmin 1vw or 1vh, whichever is smaller.

p { font-size: 2vmin;}

VW − 1% of VIEWPORT WIDTH.

H1 { font-size: 5.9vw; } 

vw − 1% of viewport width.

h1 { font-size: 5.9vw; } 

VH − 1% of VIEWPORT HEIGHT.

H2 { font-size: 3.0vh; }

vh − 1% of viewport height.

h2 { font-size: 3.0vh; }

<P>PX − Defines a measurement in SCREEN PIXELS.

p {padding: 25px;}

px − Defines a measurement in screen pixels.

p {padding: 25px;}

PT − Defines a MEASUREMENT in points. A POINT is defined as 1/72nd of an INCH.

body {font-size: 18pt;}

pt − Defines a measurement in points. A point is defined as 1/72nd of an inch.

body {font-size: 18pt;}

PC − Defines a measurement in picas. A PICA is equivalent to 12 POINTS; thus, there are 6 picas per inch.

p {font-size: 20pc;}

pc − Defines a measurement in picas. A pica is equivalent to 12 points; thus, there are 6 picas per inch.

p {font-size: 20pc;}

<P>MM − Defines a measurement in MILLIMETERS.

p {word-spacing: 15mm;}

mm − Defines a measurement in millimeters.

p {word-spacing: 15mm;}

<P>in − DEFINES a MEASUREMENT in INCHES.

p {word-spacing: .15in;}

in − Defines a measurement in inches.

p {word-spacing: .15in;}

ex − This value DEFINES a MEASUREMENT relative to a font's x-HEIGHT. The x-height is DETERMINED by the height of the font's lowercase letter.

p {font-size: 24pt; line-height: 3ex;}

ex − This value defines a measurement relative to a font's x-height. The x-height is determined by the height of the font's lowercase letter.

p {font-size: 24pt; line-height: 3ex;}

em − A relative MEASUREMENT for the HEIGHT of a font in em SPACES. Because an em unit is equivalent to the size of a given font, if you assign a font to 12PT, each "em" unit would be 12pt; THUS, 2em would be 24pt.

p {letter-spacing: 7em;}

em − A relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each "em" unit would be 12pt; thus, 2em would be 24pt.

p {letter-spacing: 7em;}

CM − Defines a MEASUREMENT in CENTIMETERS.

DIV {margin-bottom: 2cm;}

cm − Defines a measurement in centimeters.

div {margin-bottom: 2cm;}

% - Defines a measurement as a percentage relative to another value, typically an ENCLOSING ELEMENT.

p {font-size: 16pt; line-height: 125%;}

% - Defines a measurement as a percentage relative to another value, typically an enclosing element.

p {font-size: 16pt; line-height: 125%;}

Following is the rule to override any Style Sheet Rule

Any inline style sheet takes HIGHEST PRIORITY. So, it will override any rule defined in <style>...</style> tags or RULES defined in any external style sheet FILE.

Any rule defined in <style>...</style> tags will override rules defined in any external style sheet file.

Any rule defined in external style sheet file takes lowest priority, and rules defined in this file will be applied only when above two rules are not applicable.

Following is the rule to override any Style Sheet Rule

Any inline style sheet takes highest priority. So, it will override any rule defined in <style>...</style> tags or rules defined in any external style sheet file.

Any rule defined in <style>...</style> tags will override rules defined in any external style sheet file.

Any rule defined in external style sheet file takes lowest priority, and rules defined in this file will be applied only when above two rules are not applicable.

There are four ways to associate styles with your HTML DOCUMENT. Most commonly USED methods are inline CSS and EXTERNAL CSS.

Embedded CSS − The

There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS.

Embedded CSS − The

p[LANG|="en"] - Selects all paragraph ELEMENTS whose lang attribute CONTAINS values that are exactly "en", or BEGIN with "en-".

p[lang|="en"] - Selects all paragraph elements whose lang attribute contains values that are exactly "en", or begin with "en-".

p[LANG~="fr"] - Selects all paragraph elements whose lang ATTRIBUTE contains the word "fr".

p[lang~="fr"] - Selects all paragraph elements whose lang attribute contains the word "fr".

<P>p[lang="fr"] - Selects all PARAGRAPH ELEMENTS whose lang attribute has a value of EXACTLY "fr".

p[lang="fr"] - Selects all paragraph elements whose lang attribute has a value of exactly "fr".

<P>p[LANG] : SELECTS all paragraph ELEMENTS with a lang ATTRIBUTE.

p[lang] : Selects all paragraph elements with a lang attribute.

You can also apply styles to HTML ELEMENTS with particular attributes. The style RULE below will match all the input elements having a type attribute with a value of text

input[type = "text"]
{
COLOR: #000000;
}

The advantage to this method is that the element is unaffected, and the color applied only to the desired text FIELDS.

You can also apply styles to HTML elements with particular attributes. The style rule below will match all the input elements having a type attribute with a value of text

input[type = "text"]
{
color: #000000;
}

The advantage to this method is that the element is unaffected, and the color applied only to the desired text fields.

Consider the following example:

BODY &GT; p
{
color: #000000;
}

This RULE will RENDER all the paragraphs in black if they are direct child ofelement. Other paragraphs put inside other elements LIKE or would not have any effect of this rule.

Consider the following example:

body > p
{
color: #000000;
}

This rule will render all the paragraphs in black if they are direct child ofelement. Other paragraphs put inside other elements like or would not have any effect of this rule.