CGS3175_3_WorkingWithCSS

CGS3175_3_WorkingWithCSS - Tutorial 3 Working with...

Info iconThis preview shows pages 1–9. Sign up to view the full content.

View Full Document Right Arrow Icon
Computer Science Department University of Central Florida Tutorial 3: Working with Cascading Style Sheets COP 3175 – Internet Applications
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 3: Working with Cascading Style Sheets page 2 © Jonathan Cazalas Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use of color Explore CSS styles for fonts and text Review and compare different image formats
Background image of page 2
Tutorial 3: Working with Cascading Style Sheets page 3 © Jonathan Cazalas Objectives Display an animated graphic Apply a background image to an element Float elements on a Web page Explore the properties of the box model Apply border styles to an element
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 3: Working with Cascading Style Sheets page 4 © Jonathan Cazalas Introducing Cascading Style Sheets What are Style sheets? Style sheets are declarations that describe the layout and appearance of a document As seen in Tutorial 1, HTML specifies a document’s content and structure But HTML does not necessarily describe the appearance of documents To describe the design (appearance) of a web page, you should use style sheets
Background image of page 4
Tutorial 3: Working with Cascading Style Sheets page 5 © Jonathan Cazalas Introducing Cascading Style Sheets Cascading Style Sheets ( CSS ) a style sheet language used on the Web There are many style sheet languages But CSS is by far the most common on the web Guess what? We’ve actually been using CSS since Tutorial 1 …each time we used the style attribute The style attribute is part of the specification for HTML but the text (value) of the attribute is written in CSS
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 3: Working with Cascading Style Sheets page 6 © Jonathan Cazalas Introducing Cascading Style Sheets Cascading Style Sheets ( CSS ) CSS specifications are maintained by the World Wide Web Consortium (W3C) Several versions of CSS exist with varying levels of browser support: CSS1, CSS2, CSS 2.1, and CSS3
Background image of page 6
Tutorial 3: Working with Cascading Style Sheets page 7 © Jonathan Cazalas Cascading Style Sheets CSS1 introduced in 1996, and made styles for the following document features: Fonts set font size, type, and other properties Text alignment, underlining, italics, etc. Color specifying background and foreground colors Backgrounds: set background image for elements Block-level Elements setting margins and borders of block level elements
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Tutorial 3: Working with Cascading Style Sheets page 8 © Jonathan Cazalas Cascading Style Sheets CSS2 introduced styles for the following document features: Positioning placing elements at specific locations on the page Visual Formatting clipping and hiding element content Media Types Interfaces control appearance of scroll bars and mouse cursors CSS 2.1 did not add any new features to the language
Background image of page 8
Image of page 9
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 09/21/2011 for the course CGS 3175 taught by Professor Cazales during the Fall '11 term at University of Central Florida.

Page1 / 124

CGS3175_3_WorkingWithCSS - Tutorial 3 Working with...

This preview shows document pages 1 - 9. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online