CSS INTRODUCTION

CSS INTRODUCTION

INRODUCTION

CSS is an abbreviation for Cascading Style Sheets. CSS works with HTML and other Markup Languages (such as XHTML and XML) to control the way the content is presented.

Cascading Style Sheets is a means to separate the appearance of a webpage from the content of a webpage. CSS is a recommendation of the World Wide Web Consortium (the W3C).

we use a W3C technology called Cascading Style Sheet (CSS) that allows document author to specify the presentation of element on a web page (e.g., fonts, spacing, margins, etc) separately from the structure of the document (section headers, body text, links, etc.).

OBJECTIVE

To control the apprearance of a web site  by creating style sheets.

To use style sheet to give all the pages of a web site the same look and feel.

To specifiy element background and colors.

To understand the box model and how to control the margins, borders and padding.

To specify the precise font, size, color and other properties of displayed text.

To use the class attributes to apply styles.

CSS PROPERTIES

Control many style properties of an element:

Coloring 

Size 

Position

Visibility

Many more: (e.g. p: { text-decoration: line-through; }) 

Also used in animation

CSS BOX MODEL

CSS in the real world 

● CSS preprocessors (e.g. less) are commonly used 

○ Add variable and functions to help in maintaining large collections of style sheets

● Composition is a problem 

○ It can be really hard to figure out what rule from which stylesheet is messing things up.