CSS – Cascading Style Sheet
In this lecture you will learn how to add external css in to your HTML form to make more style.
When a browser reads a style sheet, it will format the HTML form according to the information and styles written in the sheet.
With an external style sheet, you can change the look of complete website by a single CSS style sheet
For this you must include all HTML pages wherever this css style sheet to be apply, this css file will be placed inside the HTML form with item inside the head section.
For example:
External styles are defined within the element, inside the section of an HTML page:
index.html
This is a heading of Organization
This is a paragraph content.
Now External page to be create to apply CSS style for this page..
Note: An external style sheet written in any text editor,
and save as a .css extension file.
The external .css file should not contain HTML tags where to apply
these styles on HTML form.
Here is how the "orgstyle.css" file looks like:
Sample Code of “orgstyle.css” is
body {
background-color: skyblue;
}
h1 {
color: navy;
margin-left: 30px;
}
in the above shown example applied external css file in to html form, this same form can be possible to apply for entire project of HTML form or any other css suppots web application forms,
due to this external file system CSS reduced a lot of work and reduced man power on designing part,