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

CSS Basics

A simple introduction to what CSS is for and why it is used.
by

Daniel Quattrociocchi

on 17 July 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of CSS Basics

WHAT does
CSS
mEAN?
WHY do We Use CSS?
INTRODUCTION TO
CASSCADING
Style
Sheet
defines how a website looks
separates style from content
can keep HTML files clutter free
CSS
AN
EXAMPLE
OF a
CSS
Statement
p
{color: black;}
THree
TYPES
OF
CSS SELECTORS
ID
class
HTML
used on multiple elements
defined with a "
.
"
used on single unique elements
defined with a "
#
"
used on specific HTML elements
there is
no prefix
for an HTML selector
THREE
WAYS
TO
INSERT
CSS
external
INTERNAL
INLINE
CSS file is located outside the HTML file
CSS is defined at the start of the HTML file
CSS is defined inside an HTML element
CSS
Cascade Order
>
Browser Default CSS
>
External CSS
>
Internal CSS
>
INLINE CSS
>
>
Selector
.
blueText {color: rgb(32,100,200);}
#
content {color: rgb(100,20,70);}
p {color: rgb(100,152,20);}
How does CSS
Work?
Your web browser interprets an HTML document and applies the style defined by your CSS. It then shows you the webpage.
THINK OF IT LIKE THIS...
...if HTML is a person's face, then CSS is the make-up you put on to look pretty.
...if HTML is a car, then CSS is the custom spoiler, skirts, rims, and paint job that makes your car look different.
OR
>
HTML
CSS
AWESOMe
WEBSITE!
+
=
HTML
=
BORING
WEBSITE!
>
>
To apply CSS to an HTML document, we use
selectors
. A
selector
points to the specific HTML item we want to style.
Full transcript