Jadhav Mayur P.

176120316022 Practical-6

Aim: Apply Style Sheets in Web Pages. Styling HTML with CSS  CSS stands for Cascading Style Sheets.  CSS describes how HTML elements are to be displayed on screen, paper, or in other media.  CSS saves a lot of work. It can control the layout of multiple web pages all at once.  CSS can be added to HTML elements in 3 ways:  Inline - by using the style attribute in HTML elements  Internal - by using a <style> element in the section  External - by using an external CSS file

1. Inline CSS: An inline CSS is used to apply a unique style to a single HTML element.  An inline CSS uses the style attribute of an HTML element.  We used Inline CSS in our last practices. 2. Internal CSS: An internal CSS is used to define a style for a single HTML page.  An internal CSS is defined in the section of an HTML page, within a <style> element: Now See the following example of HTML Internal CSS. After writing following code in any text editor Save it with .HTML and Run it one any Browser.

HTML File: <style type="text/css"> p {color: black; text-align: center; font-family: monospace; font-size: 40px; } h1

Internet Technology

Jadhav Mayur P.

176120316022 { color: red; background:yellow; font-family: monospace; font-size: 30px; } h2 { color:blue; background:yellow; font-family:monospace; font-size: 30px; } h3 { color:yellow; background: red; font-family: monospace; font-size: 35px; } h4 { color:powderblue; background: green; font-size: 40px;

} <marquee>

CSS STYLE TAGS

HTML page using Internal css style

There are three types of CSS document

1.Inline CSS
2.Internal CSS
3.External CSS

Internal CSS document is also referred as EMBEDED CSS Document

Database Management System

Jadhav Mayur P.

176120316022

3. External CSS: An external style sheet is used to define the style for many HTML pages.  With an external style sheet, you can change the look of an entire web site, by changing one file.  To use an external style sheet, add a link to it in the section of the HTML page: Here one example is shown of HTML document. Write following code it any Text Editor and Save it using .HTML extension. <marquee>

CSS STYLE TAGS

HTML page using External CSS STYLE

There are three types of CSS document

1.Inline CSS
2.Internal CSS
3.External CSS

External CSS is also referred as LINKED STYLE-SHEETs

There is no effect of this file because in External CSS we have to make one External file with .CSS extension.

Database Management System

Jadhav Mayur P.

176120316022

CSS File: p{ color: black; text-align: center; font-family: monospace; font-size: 40px; } h1 { color: red; background:yellow; font-family: monospace; font-size: 30px; } h2 { color:blue; background:yellow; font-family:monospace; font-size: 30px; } h3 {

Database Management System

Jadhav Mayur P.

176120316022 color:yellow; background: red; font-family: monospace; font-size: 35px;

} h4 { color:powderblue; background: green; font-size: 40px; } In CSS file description of tags which we are using are written.

OUTPUT:-

Database Management System