View
214
Download
0
Category
Preview:
Citation preview
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
Recommended