External Stylesheets (ESS) and inline

C. External Stylesheets (ESS)

        ESS are composed of standard text which consist of tag entries and attributes entries. ESS are saved as separate files with extension CSS. These files then can be linked to a webpage using

    : these tag uses two attributes rel and href

1.  rel attributes: it is set to keyword stylesheet

2.  href attribute: it is set to name of the stylesheet file

must be included in the head section of HTML document

E.g. File Name: eg1.css

p

{

font-size: 20px;

text-align: justify;

}

# question

{

color: brown;

font-style: italic;

font-weight: bold;

}

h1

{

color: blue:

text-align: center;

text-decoration: underline;

}

Next File:

rel=stylesheet href=eg1.css>

Q. Design an external stylesheet with border attributes for an image link it to an html the displays heading a paragraph and image. This HTML file should have an internal stylesheet having margin attribute and font attribute for the heading.

Solution:

image

{

border-color: blue;

border-width: 30px;

border-style: solid;

}

p

{

font-size: 20px;

text-align: justify;

}

Next File:

rel=stylesheet href=eg2.css>

environment

src=pravah.jpg>

Environment consist of living and non-living things. It is very complex structure of biology

d. Inline:

    Inline stylesheet can be given along with style attribute of a tag. It refers to the stylesheet information being applied only to the current element. All the attributes which can be include in inline stylesheet.

e.g.

style=”text-indent: 50px: background-color: aqua; font style: italic ;”>

    Here, the style setting will be applicable only to this heading in the entire html file.

« Previous Page Next Page »