EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
6th Edition
ISBN: 9781337516358
Author: Carey
Publisher: CENGAGE LEARNING - CONSIGNMENT
expand_more
expand_more
format_list_bulleted
Question
Chapter 1.2, Problem 7QC
Program Plan Intro
To provide a code for linking web pages to the CSS file mystyles.css.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
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,
1
New Perspectives on HTML5 and CSS3, 8th Edition
3
Tutorial 3
4.
Review Assignment
6.
Style Sheet for the Pandaisia Chocolates Monthly Specials
7
Author:
Date:
10
Filename: pc_specials.css
11
12
*/
13
14
/* Page Body Styles */
15
16
17
18
/* Image Styles */
19
20
21
22
/* Horizontal Navigation Styles */
23
24
25
26
27
/* Grid Styles */
28
29
30
31
32
/* Specials Styles */
33
34
35
36
/* Award Styles */
37
38
Task 2: In this task, you will modify the javajam.css file to update the current JavaJam website to a two-column layout and style the hero image on each page. Configure the CSS. Open javajam.css in a text editor. Edit the style rules as follows:(javajam.css code is included below since CSS files can not be attatched.). Please show end result CSS code.
body {background-color: #FCEBB6;
color: #221811;
font-family: Verdana, Arial, sans-serif;
background-image: url(../images/background.gif);
}
#wrapper { width: 80%;
margin-right: auto;
margin-left: auto;
min-width: 900px;
max-width: 1280px;
box-shadow: 3px 3px 3px #666666;
}
header {background-color: #D2B48C;
height: 150px;
background-image: url(../images/javajamlogo.jpg);
background-repeat: no-repeat;
}
h1 { padding-top: 45px;
padding-left: 220px;
font-size: 3em;
}
nav { text-align: left;
font-weight: bold;…
Chapter 1 Solutions
EBK NEW PERSPECTIVES ON HTML5, CSS3, AN
Ch. 1.1 - Prob. 1QCCh. 1.1 - Prob. 2QCCh. 1.1 - Prob. 3QCCh. 1.1 - Prob. 4QCCh. 1.1 - What is incorrect about the following code?...Ch. 1.1 - Prob. 6QCCh. 1.1 - Prob. 7QCCh. 1.1 - Prob. 8QCCh. 1.1 - Prob. 9QCCh. 1.2 - Prob. 1QC
Ch. 1.2 - Prob. 2QCCh. 1.2 - Prob. 3QCCh. 1.2 - Prob. 4QCCh. 1.2 - Prob. 5QCCh. 1.2 - Prob. 6QCCh. 1.2 - Prob. 7QCCh. 1.2 - Prob. 8QCCh. 1.2 - Prob. 9QCCh. 1.3 - Prob. 1QCCh. 1.3 - Prob. 2QCCh. 1.3 - Prob. 3QCCh. 1.3 - Prob. 4QCCh. 1.3 - Prob. 5QCCh. 1.3 - Prob. 6QCCh. 1.3 - Prob. 7QCCh. 1.3 - Prob. 8QCCh. 1.3 - Prob. 9QCCh. 1 - Prob. 1RACh. 1 - Prob. 2RACh. 1 - Prob. 3RACh. 1 - Prob. 4RACh. 1 - Prob. 5RACh. 1 - Prob. 6RACh. 1 - Prob. 7RACh. 1 - Prob. 8RACh. 1 - Prob. 9RACh. 1 - Prob. 10RACh. 1 - Prob. 11RACh. 1 - Prob. 12RACh. 1 - Prob. 13RACh. 1 - Prob. 14RACh. 1 - Prob. 15RACh. 1 - Prob. 16RACh. 1 - Prob. 17RACh. 1 - Prob. 18RACh. 1 - Prob. 19RACh. 1 - Prob. 20RACh. 1 - Prob. 21RACh. 1 - Prob. 22RACh. 1 - Prob. 23RACh. 1 - Prob. 1CP1Ch. 1 - Prob. 2CP1Ch. 1 - Prob. 3CP1Ch. 1 - Prob. 4CP1Ch. 1 - Prob. 5CP1Ch. 1 - Prob. 6CP1Ch. 1 - Prob. 7CP1Ch. 1 - Prob. 8CP1Ch. 1 - Prob. 9CP1Ch. 1 - Prob. 10CP1Ch. 1 - Prob. 11CP1Ch. 1 - Prob. 12CP1Ch. 1 - Prob. 13CP1Ch. 1 - Prob. 14CP1Ch. 1 - Prob. 15CP1Ch. 1 - Prob. 16CP1Ch. 1 - Prob. 1CP2Ch. 1 - Prob. 2CP2Ch. 1 - Prob. 3CP2Ch. 1 - Prob. 4CP2Ch. 1 - Prob. 5CP2Ch. 1 - Prob. 6CP2Ch. 1 - Prob. 7CP2Ch. 1 - Prob. 8CP2Ch. 1 - Prob. 9CP2Ch. 1 - Prob. 10CP2Ch. 1 - Prob. 11CP2Ch. 1 - Prob. 12CP2Ch. 1 - Prob. 1CP3Ch. 1 - Prob. 2CP3Ch. 1 - Prob. 3CP3Ch. 1 - Prob. 4CP3Ch. 1 - Prob. 5CP3Ch. 1 - Prob. 6CP3Ch. 1 - Prob. 7CP3Ch. 1 - Prob. 8CP3Ch. 1 - Prob. 9CP3Ch. 1 - Prob. 10CP3Ch. 1 - Prob. 11CP3Ch. 1 - Prob. 12CP3Ch. 1 - Prob. 13CP3Ch. 1 - Prob. 14CP3Ch. 1 - Prob. 15CP3Ch. 1 - Prob. 16CP3Ch. 1 - Prob. 17CP3Ch. 1 - Prob. 18CP3Ch. 1 - Prob. 19CP3Ch. 1 - Prob. 20CP3Ch. 1 - Prob. 21CP3Ch. 1 - Prob. 22CP3Ch. 1 - Prob. 23CP3Ch. 1 - Prob. 24CP3Ch. 1 - Prob. 25CP3Ch. 1 - Prob. 26CP3Ch. 1 - Prob. 1CP4Ch. 1 - Prob. 2CP4Ch. 1 - Prob. 3CP4Ch. 1 - Prob. 4CP4Ch. 1 - Prob. 5CP4Ch. 1 - Prob. 6CP4Ch. 1 - Prob. 7CP4
Knowledge Booster
Similar questions
- Give code. Create a webpage of pets animals. Home webpage should consist of further subpages like Gallery, About Us, Features, Contact Us, FAQs etc. Webpage should contain background image, logo and add different colors and fonts to make it more attractive. Add ordered and unordered lists in your webpage. Make css style sheet and adjust margin, padding, colors, fonts according to your choice.arrow_forwardCreate a CSS style sheet including the following steps:arrow_forwardTask 1. Create a new page (games.html):Use the music page as the starting point for the Game page. In your text editor open music.htmland save it as games.html. After modifying the games page, it will look similar to the Games pagein Figure 1.Change the page title to an appropriate phrase.Delete the div element with id="musicbg", then open the style.css in your text editor and deleteall the rules for id = “musicbg”. This will remove the music image from the new page.Replace the text within the h2 element with following: “My Favorite Video Games”.Delete paragraph, h3 and table elements.Place an unordered list with your 4 favorite video games as list items.Create a photo gallery with 4 pictures:• Search on the internet for cover picture of your favorite games, and same them in your folder.For each image create another image as thumbnail. You can use windows paint or any otherimage editor to resize the images.• After completing the previous step, in your folder, you will have 8 new image…arrow_forward
- Open code5-3_print.css file and set the printed page size to 8.5 by 11 inches with a 1-inch margin. Use the after pseudo-element to display printed hypertext link in the following format: link [ url ] and add the following styles to the after pseudo-element: Display the url text as an inline block. Set the left margin of the url text to 20pixels. Set the value of the word-wrap property to break-word.arrow_forwardwrite a css rule that will only affect first anchor link. Make text color of link text red, and remove underline from anchor link (by default anchor text in underlined). Assume you do not have permission to edit HTML file, only CSS file. ali kavlı 1234 personal web site Türkiye government official gatearrow_forward2. Create a web page that contains a few paragraphs and hyperlinks and a link to an an external style sheet. The external style sheet should contain the following styles: Set the left and right margins to 1 inch. The first letter in a paragraph should be three times the size of the other letters. All the links should display in red color with no underline. Link the style sheet to your Web page.arrow_forward
- Write the HTML and CSS code to create the following web page: 1. Set the title of the web page as "Oman Tourism". 2. Use Internal CSS to define the following style properties to heading level 1 text color is #E6E6E6 Align the heading to center. Blue solid border with thickness of 1px. page body insert the text "About Oman Tourism" as heading level 1. 4. Start a new paragraph and use inline CSS to define the following properties to the paragraph. In the 3. Font size 14px, blue background color. Insert the following text in the paragraph. Tourism in Oman has grown recently, and it is expected to be one of the largest industries in the nation. s. After the paragraph insert the image (nizwafort.jpg) using width 300px and height 250px. 6. After the image, add a hyperlink on the text Oman Tour to open the page tour.html in a new browser window.arrow_forwardHi all, could you please write a code that links external CSS file to an HTML5 document. The CSS file contains the following attributes for text stroke (-webkit- text-stroke, font-size, and color) with values from your choice. You should also include the needed styles that allow two background images to appear in the .documentarrow_forwardCreate design.arrow_forward
- Which element defines a visible heading for the element? O a. O b. O c. O d.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_forwardChoose a CSS external style sheet file to validate; perhaps you have created one for your own website. Otherwise, use an external style sheet file that you worked with in this chapter. Use the W3C CSS validator at http://jigsaw.w3.org/css-validator. If your CSS does not immediately pass the validation test, modify it and test again. Repeat this process until the W3C validates your CSS code. Write a one- or two-paragraph summary about the validation process that answers the following questions: Was the CSS validator easy to use? Did anything surprise you? Did you encounter a number of errors or just a few? How easy was it to determine how to correct the CSS file? Would you recommend the validator to other students? Why or why not?arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning