Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 3.8, Problem 3CP
Program Plan Intro
External Style Sheets:
- External Style Sheets are used to change the entire look of the website by changing just one file.
- This style sheet is a separate file linked to an HTML web page and is saved with .css extension.
- External Style Sheets can be used to declare all the styles that are used on the website.
- It should not contain any HTML tags.
mystyles.css:
The “mystyle.css” is an External Style sheet that looks like:
body
{
background-color: lightblue;
}
h1
{
color: navy;
margin-left: 30px;
}
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS.
Requirements:
Use an external CSS file for styling.
Include a navigation bar (nav) at the top of the page with links to different sections of the webpage.
Create a header with a suitable title for your webpage.
Design a footer that includes contact information (email, phone number, etc.).
Implement a two-column layout for the main content.
Use an ordered list to list your top four favorite places to travel.
Create at least 4 html files talking about different places
Look and feel should be consistent across all pages
Use an unordered list to list some contact details (email, phone, etc.) in the footer.
Apply a background color to the webpage.
Customize the text color, font size, and text decoration as per your preference.
Add a background image that repeats horizontally across the webpage.
Set a maximum width and minimum width for the webpage.…
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS.
Requirements:
Use an external CSS file for styling.
Include a navigation bar (nav) at the top of the page with links to different sections of the webpage.
Create a header with a suitable title for your webpage.
Design a footer that includes contact information (email, phone number, etc.).
Implement a two-column layout for the main content.
Use an ordered list to list your top four favorite places to travel.
Create at least 4 html files talking about different places
Look and feel should be consistent across all pages
Use an unordered list to list some contact details (email, phone, etc.) in the footer.
Apply a background color to the webpage.
Customize the text color, font size, and text decoration as per your preference.
Add a background image that repeats horizontally across the webpage.
Set a maximum width and minimum width for the webpage.…
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS.
Requirements:
Use an external CSS file for styling.
Include a navigation bar (nav) at the top of the page with links to different sections of the webpage.
Create a header with a suitable title for your webpage.
Design a footer that includes contact information (email, phone number, etc.).
Implement a two-column layout for the main content.
Use an ordered list to list your top four favorite places to travel.
Create at least 4 html files talking about different places
Look and feel should be consistent across all pages
Use an unordered list to list some contact details (email, phone, etc.) in the footer.
Apply a background color to the webpage.
Customize the text color, font size, and text decoration as per your preference.
Add a background image that repeats horizontally across the webpage.
Set a maximum width and minimum width for the webpage.…
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 3.4 - Prob. 1CPCh. 3.4 - Prob. 2CPCh. 3.4 - Prob. 3CPCh. 3.8 - Prob. 1CPCh. 3.8 - Prob. 2CPCh. 3.8 - Prob. 3CPCh. 3 - Prob. 1MCCh. 3 - Prob. 2MCCh. 3 - Prob. 3MCCh. 3 - Prob. 4MC
Ch. 3 - Prob. 5MCCh. 3 - Prob. 6MCCh. 3 - Prob. 7MCCh. 3 - Prob. 8MCCh. 3 - Prob. 9MCCh. 3 - Prob. 10MCCh. 3 - Prob. 11MCCh. 3 - Prob. 12FIBCh. 3 - Prob. 13FIBCh. 3 - Prob. 14FIBCh. 3 - Prob. 15FIBCh. 3 - Prob. 1AYKCh. 3 - Prob. 2AYKCh. 3 - Prob. 3AYKCh. 3 - Prob. 1HOECh. 3 - Prob. 2HOECh. 3 - Prob. 3HOECh. 3 - Prob. 4HOECh. 3 - Prob. 5HOECh. 3 - Prob. 6HOECh. 3 - Prob. 7HOECh. 3 - Prob. 8HOECh. 3 - Prob. 9HOECh. 3 - Prob. 1WRCh. 3 - Prob. 2WRCh. 3 - Prob. 1FWD
Knowledge Booster
Similar questions
- Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardWrite a CSS rule that changes the appearance of all headings at level one (h1) in your page to the following: The heading uses an Arial font face The heading should be blue. The heading must have a font size of 18 pixels. The heading has a blue, thin border at the top and left side.arrow_forwardCreate an external CSS file and attach it to the html document, you need to name the file with your first name and last initial. The only change you are allowed or need to make in the HTML file is the link to the attached CSS sheet. study the HTML file before starting note the ID and classes in the document. using only CSS to duplicate the layout of the sample image use position,grid or flex combination of layout methodsarrow_forward
- Create a basic page with a header, footer, and have it use an external CSS file names styles.css. Create a main section, with an article inside of it. Create an article header as well,arrow_forwardCreate a html page with title as lab10 1. The page load lab10 1.js as its JavaScript file. On the html page, include a Canvas with dimension of width: 806, height: 500. An input box to accept user's input. A button to start the game.arrow_forwardWrite the CSS for an id with the following attributes: float to the left of the page, light tan background, Verdana or sans-serif large font, and 20 pixels of padding.arrow_forward
- 2. Write the CSS for an id named not:ice that is configured to 80% width and centered. 3. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. 4. Write the CSS to configure an h1 element selector with drop- shadow text, a 50% transparent background color, and sans-serif font that is 4em in size. 5. Write the CSS to configure an id named feature with small, red, Arial font; a white background; a width of 80%; and a drop shadow.arrow_forwardHTML and CSS: Follow exactly the second picture. 1st picture: My output (I point out where the mistake is with a red circle) 2nd picture is what the output should look like. Note: JUST USE RANDOM PICTURES FOR THE IMAGE LINKS. Fix something in my code: fishcreek.css body { background-color: #5280C5; color: #003366; font-family: Arial, Verdana, sans-serif; background-image: url(gradientblue.jpg); }#wrapper { margin-left: auto; margin-right: auto; width: 80%; background-color: #F0F0F0; min-width: 700px; }header { background-color: #000066; color: #F0F0F0; background-image: url(bigfish.gif); background-repeat: no-repeat; background-position: center; text-align:center; }h1 { line-height: 250%; text-indent: 1em; margin-bottom: 0; font-size: 3em; padding: 0.2em; text-shadow: 3px 3px 5px #CCCCCC; } nav { float: left; width: 180px; color: #f0f0f0;…arrow_forwardYour goal is to build a page that has a button and text that wraps around the left edge of the button. Which CSS property and value should be used to create the button's appearance?arrow_forward
- Using Javascript Write a page that displays a balloon (using the balloon emoji, ?). When you press the up arrow, it should inflate (grow) 10 percent, and when you press the down arrow, it should deflate (shrink) 10 percent. You can control the size of text (emoji are text) by setting the font-size CSS property (style.fontSize) on its parent element. Remember to include a unit in the value—for example, pixels (10px). The key names of the arrow keys are "ArrowUp" and "ArrowDown". Make sure the keys change only the balloon, without scrolling the page.arrow_forwardJack wants to create a website that loads differently on different browsers as well as different versions of each browser. Which of the following would be the best practice? A) Use Conditional Comments B) Use Stylesheet for detecting and loading different CSS files C) Use Javascript to detect and load a different CSS file D) It is not possible to detect a browser and/or its versionarrow_forwardCreate a folder called "Titan Sports Store". This will be your root folder. Add the folders specified (css, js, img, fonts, scss, common)in the previous article as subfolders in this folder. 1. Create the index.html file and add html to create the homepage of the sports store. Add at a minimal a title, description, and a footer on the page. 2. The owners have decided they want to place rotating banner adds on the homepage. Your task is to find a simple JavaScript file that rotates banners and display it on the homepage. Make sure you place your images in the img folder and your js script in the js folder.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
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