Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Cascading Style Sheets (CSS)

No description
by

Maureen Agatha Gregorio

on 16 November 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Cascading Style Sheets (CSS)

Development of CSS
Problems that
Deals with CSS
WX-6L
0
+
-
=
9
8
7
1
2
3
4
5
6
c
References:
1. http://www.yourhtmlsource.com/stylesheets/introduction.html
2.
http://www.daaq.net/old/css/index.php?=css+history&parent=using+css
3.
http://www.w3schools.com/cssref/default.asp
What is CSS?
History of CSS
Ways to Implement CSS Commands
Introduction:
HTML was designed to focus on the content
without taking the aesthetics into account. To make things special and more interesting to the eye, CSS is the answer.
C.S.S
ascading
tyle
heets
Launching of Different Versions of CSS
The World Wide Web Consortium team led by Bert Bos and Hakon Lie developed CSS.
It is developed to create a styling language that could be integrated with HTML and XHTML to complement its structuring capabilities with styling rules
Technology did not exist to make use of CSS.
CSS was not implemented as a standard until after computer monitors allowed for full multimedia display.
New set of standards standard as a pulling back in line of markup languages with the original conception of the standards.
CSS 1
it was released in 1996.
it includes basic styling functions such as font, color, and background images.
most current browsers fully support CSS1
CSS 2
it came out in 1998.
it allows for positioning of elements on the page for page layout, provides support for downloadable fonts, and allows pages to be formatted for printing.
no one fully supports CSS2.
CSS 3
it is still in development, but will add support for additional presentation media to the mix, such as aural (audio) styling.
it will also involve a restructuring of CSS into modules that support different styling elements.
most of what is going on in the development of CSS3 will not affect the way in which you use CSS to format documents for display on a computer screen.
External

Style Sheet
What is an External Style Sheet?
It is the usage of one CSS file for all your pages.
Example of an External Style Sheet:
Internal Style Sheet
What is an Internal Style Sheet?
It is the integrate CSS commands into the head part of your HTML.
Example of an Internal Style Sheet:
Inline Style
What is an Inline Style?
It is the usage of style attribute to implement a CSS command directly to an HTML element.
Example of an Inline Style
How do we use this property?
This property sets all the background properties in one declaration
It sets all the border properties in one declaration
How do we use this property?
This property sets the height of an element.
How do we use this property?
This property sets all font properties in one declaration.
How do we use this property?
How do we use this property?
This property sets all the properties for a list in one declaration.
How do we use this property?
This property sets all margin properties in one declaration.
How do we use this property?
This property sets all padding properties in one declaration.
How do we use this property?
It specifies the bottom position of a positioned element.
How do we use this property?
It specifies whether or not a box should float.
How do we use this property?
This property specifies the left position of a positioned element.
How do we use this property?
It species the type of positioning method used for an element (static relative, absolute or fixed).
How do we use this property?
This property specifies the right position of a positioned element.
How do we use this property?
This property specifies the top position of a positioned element.
How do we use this property?
This property sets the color of text.
How do we use this property?
This property specifies the horizontal alignment of text.
How do we use this property?
This property specifies the decoration added to text.
Benefits of CSS
Pages may download up to 50% faster
Less code will be typed, thus making your pages shorter and neater.
Consistency of design for the whole page under the same style sheet.
Visual revisions to be made for the whole page is easier.
Presented by:
Full transcript