louisa lambregts lambrel@algonquincollege com
Download
Skip this Video
Download Presentation
Introduction to Dreamweaver

Loading in 2 Seconds...

play fullscreen
1 / 11

Introduction to Dreamweaver - PowerPoint PPT Presentation


  • 96 Views
  • Uploaded on

Louisa Lambregts , [email protected] Introduction to Dreamweaver. Class Two. Review of Beginner CSS. HTML mark up text with tags t hese tags have default (and boring!) styles! CSS Can use tags as “html selectors” Can create CSS style rules for these html selectors.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Introduction to Dreamweaver' - mariel


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
review of beginner css
Review of Beginner CSS

HTML

  • mark up text with tags
  • these tags have default (and boring!) styles!

CSS

  • Can use tags as “html selectors”
  • Can create CSS style rules for these html selectors
review of beginner css1
Review of Beginner CSS

HTML

Hyperlink to Facebook.com

Hyperlink to Facebook.comDefault Style: Blue Text, underline

review of beginner css3
Review of Beginner CSS

CSS

Hyperlink to Facebook.com

CSS Style Rule

a {

text-decoration: none;

font-weight: bold;

color: #306;

}

id and class selectors
ID and Class Selectors

You can also create your own selectors

ID vs Class

id and class selectors1
ID and Class Selectors

You can also create your own selectors

Class: rules apply to any element with that class

content

content

Selector:

#textBox

id and class selectors2
ID and Class Selectors

You can also create your own selectors

ID: rules apply to a specific element

where to apply css
Where to Apply CSS

Inline

red text

red text

Only make text in this paragraph red.

where to apply css1
Where to Apply CSS

Internal

red text

CSS Example

All paragraph text in this

current webpage will be red

where to apply css2
Where to Apply CSS

External

red text

CSS Example

All paragraph text in this current webpage will be red.

Difference: css rules within a separate css document.

ad