Class selector

Download Report

Transcript Class selector 



cascade Style Sheets (CSS) is a mark-up
language that was first proposed in 1994 by
Håkon Wium Lie. CSS works in conjunction
with HTML to greatly increase the ability of
Web designers to control the appearance of
Web pages.
The style sheet is a set of Cascading Style
Sheets (CSS) rules that tell the browser how to
display the page

You will be able to position HTML elements,
images, and objects exactly where you want
them on the page by using CSS rules or rules
of CSS which is positioning with style sheets.
HTML describes the structure of the
document and CSS controls the appearance of
the Web page.


The HTML document is what you code and
the Web page is what you see.
. When you use CSS rules inside an HTML
document, be aware that the various
browsers do NOT display the Web page
similarly and be sure to test your pages in
more that one browser before uploading your
pages to the Web server.


Instead of coding all of the attributes and
values of the HTML elements into the web
document you will now place one rule for
each attribute and value one time into one
place -- the style sheet.
You no longer have to use the <FONT
FACE="Arial, sans-serif" SIZE="6"
COLOR="blue"> Blue Title</FONT> each
time you need for specify a font change.


All of the CSS mark-up coding for an "internal
style sheet" occurs between the <HEAD> and
</HEAD> tags in the HEAD section of the
HTML document
line style: occurs inside HTML tags in the
body section of the HTML document.
An "external style sheet" is linked to, from
within the HEAD section of the HTML
document.



CSS is easy to write and easier than HTML to
learn since the selectors of CSS rules already
use the names of HTML "tags".
You just mark-up the structures in HTML and
let Cascading Style Sheets take care of the
appearance.
you will find also makes for smaller size
documents that load faster.

Site maintenance time is cut because you just
change the style sheet in one place one time
instead of having to hand code a change on
every page

Style rule: a rule that defines the style of the
document




Pseudo class: used in style sheet selector but
not in HTML, it allow external information to
influence the formatting process.
Simple selectors: defines an element
irrespective of its positioning in the
document structure.
HTMAL selector : it used the name of HTML
element without a bracket.
Class selector : these selector us attribute of
HTML element, every element visible has
attribute, which is used to assign an
adentifier


ID selector: use the ID attribute of an HTML
element . Is also used to apple style to
individual element on a web page
Contextual selector: it refers to the context
of element



STYLE element
STYLE attributes
LINK element