exercise-2006-10-17-CSS

exercise-2006-10-17-CSS - Introduction to CSS 2006/10/17...

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

View Full Document Right Arrow Icon
Introduction to CSS 2006/10/17 Dumitru Roman dumitru.roman@deri.org
Background image of page 1

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

View Full DocumentRight Arrow Icon
What is CSS? Cascading Style Sheets Styles define how to display HTML elements; styles are normally stored in Style Sheets Cascading ” refers to the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles. In order to tell browsers how the content should be displayed, we use CSS: New language, completely separate from HTML Works by defining rules, and where these rules are applied in the document
Background image of page 2
Examples of What Can Be Achieved with CSS Illustrative examples of what can be achieved by separating content and presentation : http://www.w3schools.com/css/demo_default.htm http://www.csszengarden.com/ The HTML page always remains the same By selecting different CSS changes entire look
Background image of page 3

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

View Full DocumentRight Arrow Icon
Some Advantages of CSS Excellent addition to plain HTML The design of Web pages is separated from the content! Easily change the look; shorter development time One CSS – multiple Web pages Offers much more detailed attributes Faster download time
Background image of page 4
CSS Rules and Style Sheets Rule: A rule is a statement about one stylistic aspect of one or more elements. => CSS Syntax Style Sheet: A style sheet is a set of one or more rules that apply to an HTML document.
Background image of page 5

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

View Full DocumentRight Arrow Icon
Overview of CSS Syntax (1) General syntax: selector {property: value} Three parts: selector - the basic HTML tag to be defined property - the attribute of the selector to be changed value - the particular markup value for the given attribute Example: body {color: black}
Background image of page 6
Image of page 7
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 10/23/2011 for the course ENCS ENCS5 taught by Professor Abdelsalam during the Spring '10 term at Birzeit University.

Page1 / 24

exercise-2006-10-17-CSS - Introduction to CSS 2006/10/17...

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

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