At a minimum, your site should contain the following: 1. Using CSS to center all of the content on your page in a container with a width of 80% (See Hands-on Practice 3.9). Note: the container should be centered, not the text content. 2. Break the normal flow of the page so that your content displays something like this wireframe: headings unordered list items ordered list items paragraphs and link You have some creative freedom here. Just be sure to break the normal flow using float or absolute positioning so that two structural elements are side-by- side. Review Chapter 6.7 3. Apply pseudo-class CSS style to your hyperlink (:link, :visited, :hover) 4. Make sure that all files (HTML and CSS) validate.
At a minimum, your site should contain the following: 1. Using CSS to center all of the content on your page in a container with a width of 80% (See Hands-on Practice 3.9). Note: the container should be centered, not the text content. 2. Break the normal flow of the page so that your content displays something like this wireframe: headings unordered list items ordered list items paragraphs and link You have some creative freedom here. Just be sure to break the normal flow using float or absolute positioning so that two structural elements are side-by- side. Review Chapter 6.7 3. Apply pseudo-class CSS style to your hyperlink (:link, :visited, :hover) 4. Make sure that all files (HTML and CSS) validate.
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
Related questions
Question
body { background-color:rgb(207, 201, 186);
color:rgb(26, 12, 2);
margin: 15px;
padding: 10px;
margin-right:50px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
h1 { font-size: 32px;
text-align: center;
margin-top: 2em;
padding: top 50px;
text-transform:uppercase;}
a:link {
color:rgb(26, 12, 2) ;
font-size:29px;
}
a:hover {
color:rgba(80, 44, 18, 0.555);
}
a:active {
color:rgba(196, 139, 99, 0.555);
}
h2 {
font-size: 20px;
}
h3 {
font-size:larger;
margin: 20px;
padding-top: 10px;
}
h4 {
font-size: large;
margin: 20px;
}
ul{
font-size:20px;
margin-left: 20px;
}
li{
font-size:20px ;
margin-left: 15px;
}
p {
font-size:25px;
padding: 5%;
text-align:center;
box-shadow:4px 4px 6px #000000;
border-color: antiquewhite;
border-radius: 15px;
}
img {
position: absolute;
top: 50%;
right:10%;
opacity: 85%;
border-radius: 10px;
box-shadow:4px 4px 6px #000000;
}
CSS:
body { background-color:rgb(207, 201, 186);
color:rgb(26, 12, 2);
margin: 15px;
padding: 10px;
margin-right:50px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
h1 { font-size: 32px;
text-align: center;
margin-top: 2em;
padding: top 50px;
text-transform:uppercase;}
a:link {
color:rgb(26, 12, 2) ;
font-size:29px;
}
a:hover {
color:rgba(80, 44, 18, 0.555);
}
a:active {
color:rgba(196, 139, 99, 0.555);
}
h2 {
font-size: 20px;
}
h3 {
font-size:larger;
margin: 20px;
padding-top: 10px;
}
h4 {
font-size: large;
margin: 20px;
}
ul{
font-size:20px;
margin-left: 20px;
}
li{
font-size:20px ;
margin-left: 15px;
}
p {
font-size:25px;
padding: 5%;
text-align:center;
box-shadow:4px 4px 6px #000000;
border-color: antiquewhite;
border-radius: 15px;
}
img {
position: absolute;
top: 50%;
right:10%;
opacity: 85%;
border-radius: 10px;
box-shadow:4px 4px 6px #000000;
}
Transcribed Image Text:At a minimum, your site should contain the following:
1. Using CSS to center all of the content on your page in a container with a width
of 80% (See Hands-on Practice 3.9). Note: the container should be centered,
not the text content.
2. Break the normal flow of the page so that your content displays something like
this wireframe:
headings
unordered
list items
ordered list items
paragraphs and link
You have some creative freedom here. Just be sure to break the normal flow
using float or absolute positioning so that two structural elements are side-by-
side.
Review Chapter 6.7
3. Apply pseudo-class CSS style to your hyperlink (:link, :visited, :hover)
4. Make sure that all files (HTML and CSS) validate.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 1 steps
Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education