All about css and its

advantage and
disadvantage
Mark ysmael .pedrero 9 – A
 What is css means
CSS stands for “Cascading Style Sheets”

Cascading: Refers to the procedure that

determines which style will apply
Style: how you want a certain part of your page to
look. You can set things like
Color, Margin, Font, etc for things like tables
paragraphs, and headings

Sheets: the “sheets” are like templates, or a set of

rules, for determining how the
Webpage will look
Different kinds of formatting
tags
Css background
We can use css background properties to define the
background effects of an element
The following background effects
Background-color
Background-image
Background-repeat
Background-position
Css background color

The background-color property is used to specify the

background color of an element
Example
Body {
background-color:darkblue;
}
Css background image

Css background image

You can use an image as background for an element
using background-image property.
Example
Body {
background-image:url(‘java.png’);
}
Css background position

Css background position

If the background image disturb the text, i.e if the text
cannot be read clearly
Due to the image in the background, we can set the position
of the background image.
Example
Body {
background-image:url(“snapdeal.jpg”)
background-repeat:no-repeat ;
background-position:right top;
}
Formatting with Css Properties

Text formatting
The following properties can be used for formatting text:

Text color
Text alignment
Text decoration
Text transformation
Text indention
Text alignment

We can either align the text to the left, right,

center or we can make it justified
example
P{text-align:left;}
h1{text-align:center;}
Text color

The color property is used to set the color of text.

Example
Body{color:blue;}
P1{color:magenta;}
Text decarotion

You can use text-decoration property to set or

remove decorations from text.
Example
P{text-decoration:overline;}
P{text-decoration:line-through;}
P{text-decoration:underline;}
Text transformation

You can use text-transform property to specify

uppercase and lowercase
Letters of any text.
Example
H1{text-transform:uppercase;}
H2{text-transform:lowercase;}
P{text-transform:capitalize;}
Css List

Examples of ordered list and unordered list

 css tables

Example of Css table

List of advantage of Cascading Style
Sheets
Consistency
The main benefit of CSS is that style is applied
consistently across a number of web pages.
Improved website speed
Web designers only need to use a small amount of lines of
programming for each page. And if there are less code,
there are fewer lines to read, resulting in a faster load
time for every page.
Easy to maintain
Cascading style sheet not only simplifies website
development, but also maintenance.
List of disadvantage of Cascading Style
Sheets

Come in different levels

There’s Css, Css 1 up To Css3, whiCh has resulTed in
confusion among developers and web browsers. One
type of CSS should be enough.
Fragmentation
With CSS, what works with one browser may not
always work with another.
Lack of security
Because it is an open text-based sysTem, Css doesn’T
have the built-in security that will protect it from
being overridden.