Web Page Design
Presentation
•
Other
•
9th - 12th Grade
•
Practice Problem
•
Medium
Kaley Hudson
Used 39+ times
FREE Resource
8 Slides • 5 Questions
1
WP Unit 3 CSS
Cascading Style Sheets
2
Cascading Style Sheets
(CSS) is used to format the layout of a webpage.
With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!
3
CSS can be added to HTML documents in 3 ways:
Inline - by using the style attribute inside HTML elements
Internal - by using a <style> element in the <head> section
External - by using a <link> element to link to an external CSS file
4
Multiple Choice
<h1 style="color:blue;">A Blue Heading</h1>
Inline
Internal
External
5
Multiple Choice
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
Inline
Internal
External
6
Inline CSS
Used to apply a unique style to a single HTML element
Uses the Style attribute of an HTML element
7
Multiple Choice
Attribute
Represents the root of an HTML document. Example, <html>
Provide additional information about HTML elements. Example, href,style,id
<a> tag defines a hyperlink, which is used to link form one page to another.
8
Example of Inline CSS
<h1 style="color:blue;">A blue Headng</h1>
<p style="color:red;">A red Paragraph</p>
9
Internal CSS
Used to define a style for a single HTML page
Defined in the <head> secotion of an HTML page, within a <style> element.
10
Example of Inline CSS
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color:blue;}
p {color: red;}
</style>
</head>
11
Multiple Choice
What section of an HTML page is an internal CSS defined?
<body> section
<head> section
<html> section
12
External CSS
Is used to define the style for many HTML Pages
Use an external style sheet, add a link to it in the <head> section of each HTML page
<link rel="stylesheet" href="styles.css">
13
Multiple Choice
To use an external style sheet, add a link to it in the _____ section of each HTML page.
<body> section
<head> section
<html> section
WP Unit 3 CSS
Cascading Style Sheets
Show answer
Auto Play
Slide 1 / 13
SLIDE
Similar Resources on Wayground
11 questions
Pythagorean Theorem
Presentation
•
8th - 12th Grade
8 questions
Y10 LATIN: An introduction to the IMPERFECT Subjunctive
Presentation
•
10th - 12th Grade
11 questions
LT 4-7b (Ionic Compounds with Transition Elements)
Presentation
•
9th - 12th Grade
9 questions
STAAR Review - Algebra 1 EOC _ Equations/Slope
Presentation
•
9th - 12th Grade
10 questions
Research on Modern Black Authors
Presentation
•
9th - 12th Grade
10 questions
C++ Operators
Presentation
•
9th - 12th Grade
10 questions
Law of Sine
Presentation
•
9th - 12th Grade
10 questions
Types of Evolution
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
10 questions
How much do you know about our Portrait of an Eagle?
Quiz
•
10th Grade
10 questions
Fast Food Slogans
Quiz
•
6th - 8th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
Map Skills
Quiz
•
3rd Grade
22 questions
Continents and Oceans
Quiz
•
5th Grade
Discover more resources for Other
10 questions
How much do you know about our Portrait of an Eagle?
Quiz
•
10th Grade
20 questions
Brand Labels
Quiz
•
5th - 12th Grade
20 questions
Characteristics of Life
Quiz
•
9th - 10th Grade
20 questions
REGULAR Present tense verbs
Quiz
•
8th - 9th Grade
20 questions
Graphing Inequalities on a Number Line
Quiz
•
6th - 9th Grade
10 questions
Translating Algebraic Expressions
Quiz
•
9th Grade
10 questions
Exploring the 4 Major Macromolecules and Their Functions
Interactive video
•
9th - 12th Grade
20 questions
Cell organelles and functions
Quiz
•
10th Grade