K.R. MANGALAM WORLD SCHOOL, GK-II
CLASS – X
SUBJECT – COMPUTER APPLICATIONS
NOTES
CHAPTER-4 : CASCADING STYLE SHEETS (CSS)
Static Website (Static web page)
It contains information that does not change. It remains the same or static, for every viewer
of the site.
It is created via HTML.
Dynamic Website (Dynamic web page)
It contains information that changes, depending on the viewer, the time of the day, the time
zone, the native language of the country the viewer is in or many other factors.
It is created by DHTML.
DHTML
It stands for Dynamic Hyper Text Markup Language.
It is not a language or web standard.
It is a combination of these technologies - HTML, JavaScript, DOM and CSS.
DHTML Characteristics
Animation of elements
Mouse rollover effects
Popup means
Search facility
Comments
Input/Feedback forms
Customized Information
JavaScript
It is a popular scripting language.
It is embedded in a webpage to include dynamic features to control, access and manipulate
HTML elements.
It tells the browser how to change the web page in response to event that happen.
DOM
It stands for DOCUMENT OBJECT MODEL which is a standard object model for HTML.
It defines the HTML elements as hierarchical model of objects along with properties and
methods of HTML elements.
, CSS
It is an acronym for Cascading Style Sheets.
It is a programming specification markup languages used for web development.
It uses rules called styles to determine the visual look of contents of a web page.
Style Sheet
It is a file containing formatting guidelines that define overall look of a document.
Cascading
It refers to a specific way/manner in which the web browsers determine which styles to
apply a specific part of the page.
In cascade, the items having higher priority affect other properties with lower priority.
Benefits of CSS
Pages download faster
Web pages are shorter and neater
Updating your design and general site maintenance are made much easier.
CSS RULE/STYLE
It is a grouping of one or more CSS properties which are to be applied to one or more
target HTML elements.
A CSS rule consists of a CSS selector and a set of CSS properties.
CSS selector determine what HTML elements to target with the CSS rule.
CSS properties specifies what to style of the targeted HTML elements.
A list of many CSS rules makes a style sheet.
CSS Declaration Syntax:
Selector {
property-name : value;
property-name : value;
.
.
.
}
Where selector is usually the name of a tag.
Three Ways of Adding Stylesheets to a Web Page
(a) Inline
Styles are embedded right within the HTML code they affect.
Inline styles occur only for the individual tag(s) where they are specified.
style attribute is used with tag to apply css property.
CLASS – X
SUBJECT – COMPUTER APPLICATIONS
NOTES
CHAPTER-4 : CASCADING STYLE SHEETS (CSS)
Static Website (Static web page)
It contains information that does not change. It remains the same or static, for every viewer
of the site.
It is created via HTML.
Dynamic Website (Dynamic web page)
It contains information that changes, depending on the viewer, the time of the day, the time
zone, the native language of the country the viewer is in or many other factors.
It is created by DHTML.
DHTML
It stands for Dynamic Hyper Text Markup Language.
It is not a language or web standard.
It is a combination of these technologies - HTML, JavaScript, DOM and CSS.
DHTML Characteristics
Animation of elements
Mouse rollover effects
Popup means
Search facility
Comments
Input/Feedback forms
Customized Information
JavaScript
It is a popular scripting language.
It is embedded in a webpage to include dynamic features to control, access and manipulate
HTML elements.
It tells the browser how to change the web page in response to event that happen.
DOM
It stands for DOCUMENT OBJECT MODEL which is a standard object model for HTML.
It defines the HTML elements as hierarchical model of objects along with properties and
methods of HTML elements.
, CSS
It is an acronym for Cascading Style Sheets.
It is a programming specification markup languages used for web development.
It uses rules called styles to determine the visual look of contents of a web page.
Style Sheet
It is a file containing formatting guidelines that define overall look of a document.
Cascading
It refers to a specific way/manner in which the web browsers determine which styles to
apply a specific part of the page.
In cascade, the items having higher priority affect other properties with lower priority.
Benefits of CSS
Pages download faster
Web pages are shorter and neater
Updating your design and general site maintenance are made much easier.
CSS RULE/STYLE
It is a grouping of one or more CSS properties which are to be applied to one or more
target HTML elements.
A CSS rule consists of a CSS selector and a set of CSS properties.
CSS selector determine what HTML elements to target with the CSS rule.
CSS properties specifies what to style of the targeted HTML elements.
A list of many CSS rules makes a style sheet.
CSS Declaration Syntax:
Selector {
property-name : value;
property-name : value;
.
.
.
}
Where selector is usually the name of a tag.
Three Ways of Adding Stylesheets to a Web Page
(a) Inline
Styles are embedded right within the HTML code they affect.
Inline styles occur only for the individual tag(s) where they are specified.
style attribute is used with tag to apply css property.
