8/15/2019 69-CSS

1/8

WHAT IS CSS?THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

8/15/2019 69-CSS

2/8

What is CSS?

CSS (Cascading Style Sheets) is a language used to create

documents on the web. CSS is meant for the presentation of a

web page’s content, or rather, how a web page is meant to

look. 

We can use CSS to modify any HTML tag, so as to deliver a

branded experience in graphical browsers. Users accessing thepages with more primitive devices will still be able to

understand and use the site. This is called graceful

degradation.

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

8/15/2019 69-CSS

3/8

The Style Rule

CSS allows the author to specify formatting & presentation of

HTML elements using CSS Style Rules.

A CSS Style Rule looks like this:

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

!" $

%&'()*+,-. /0123%&'()%45+67. 8-69-(+:43

:&6&;.

8/15/2019 69-CSS

4/8

The Syntax

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

!" $

%&'()*+,-. /0123

%&'()%45+67. 8-69-(+:43

:&6&;.

Selects all h1 elements

CSS styles

Wrap your styles within the curly braces

8/15/2019 69-CSS

5/8

Selectors, Properties & Values

 Selectors

Selectors are used in CSS to style a specific HTML element, or

multiple HTML elements.

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

!" $

%&'()*+,-. /0123

%&'()%45+67. 8-69-(+:43:&6&;.

Selector

8/15/2019 69-CSS

6/8

Selectors, Properties & Values

Properties

Properties are located within the curly braces of a CSS

selector.

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

!" $

%&'()*+,-. /0123

%&'()%45+67. 8-69-(+:43:&6&;. 

Properties

8/15/2019 69-CSS

7/8

Selectors, Properties & Values

Values

A value is assigned to a property.

WHAT IS CSS?

THE ULTIMATE WEB DESIGNER • BRAD HUSSEY

!" $

%&'()*+,-. /0123

%&'()%45+67. 8-69-(+:43:&6&;. 

Val

8/15/2019 69-CSS

8/8

GOOD JOB!

WHAT IS CSS?THE ULTIMATE WEB DESIGNER • BRAD HUSSEY