Question 13 In the image below the container in blue is the "main" content div as rendered in a web browser. Which of the following is the correct CSS definition for the "main" ID? Main Content This is where we are going to put the main content for the page. It will consist of lots and lots of text and be very long and decriptive. O #main { width:460px; height: 300px; background:lightblue; border : 5px solid black; padding : 60px; margin : 10px; border-radius: 15px; } O .main { width:460px; height: 300px; background: lightblue; border: 5px solid black; padding : 40px; margin : 40px; border-radius: 15px; } O #main { width:460px; height: 300px; background: lightblue; border : 5px solid black; padding : 10px; margin : 60px; border-radius: 15px; } O #main { width:460px; height: 300px; background: lightblue; border : 5px solid black; padding : 20px; margin : 40px; border-radius: 150px; }

Question 13 In the image below the container in blue is the "main" content div as rendered in a web browser. Which of the following is the correct CSS definition for the "main" ID? Main Content This is where we are going to put the main content for the page. It will consist of lots and lots of text and be very long and decriptive. O #main { width:460px; height: 300px; background:lightblue; border : 5px solid black; padding : 60px; margin : 10px; border-radius: 15px; } O .main { width:460px; height: 300px; background: lightblue; border: 5px solid black; padding : 40px; margin : 40px; border-radius: 15px; } O #main { width:460px; height: 300px; background: lightblue; border : 5px solid black; padding : 10px; margin : 60px; border-radius: 15px; } O #main { width:460px; height: 300px; background: lightblue; border : 5px solid black; padding : 20px; margin : 40px; border-radius: 150px; }

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter2: Getting Started With Css: Designing A Website For A Fitness Club

Section2.1: Visual Overview: Css Styles And Colors

Problem 7QC

See similar textbooks

Similar questions

HTML CSS Question 1. Create an external CSS that has a class selector with two declarations (the first declaration forchanging the text color and the second declaration for changing the text's background color). Thisformatting should apply for both headings and paragraphs. NOTE: create this formatting in ONE CSSRULE.
Create a CSS file youName.css and link it to the HTML file you created earlier in Part 1. The results after filling the styles should be as shown in the image below. NOTE 1: Add classes and ids as you find suitable in the HTML file. NOTE 2: Any style that is not specified, may be specified as you wish (like margins, paddings …). NOTE 3: The width of the <body> is 700px and the font-family is “Arial”. after finsih it must be as the image
Minimum Requirements: Your program should at least cover the following minimum required features with respect to the aforementioned different lectures/chapters that we have covered in the CSS module (Lecture/Chapter 10~16). 1. Introducing CSS: • using external CSS, that is one or multiple separate CSS file(s) which is/are used/shared by your HTML code files based on the tag. • in your HTML code create appropriate and different types of CSS selectors, which at least including examples of class and ID selectors. • style (at least assigning font, color, and layout for) all the block level and inline elements in your HTML code using CSS. Since this is an overall requirement, it is better to check it after you finish all the required items listed in this section. 2. Color: • contain at least one distinctive (means for different HTML element) example coming from each of the three common ways (RGB), HEX code, and color name to represent colors. • set different background colors for a whole…
HTML In strictly default block vertical coordinates, the reference positions for the next element placement on the page is the location of the element immediately on top and the left-hand screen position. (TRUE OR FALSE)? If an outer div container contains two inner div elements, and an outer height is given by css to the outer container, and the background color of the outer container is blue then there will always be blue colored space left below the two inner divs (TRUE OR FALSE)? Image elements can have borders surrounding them , and maintained inside a containing element. (TRUE OR FALSE)? In table elements, the most specific HTML level is the tr element ( row element)(TRUE OR FALSE)? Text can be centered inside a div element by using the selector command text-align: center or otherwise placing the text inside another div element with the same background color and applying margin-left command( TRUE OR FALSE)? A paragraph, div element, and h element will assume the…
Question 1: How can you apply translate property in CSS on an image when the user hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image. Code: <!DOCTYPE html> <html> <body> <style> td{ border:1pxsolidblack; } td { border-collapse:collapse; } </style> <table cellpadding="15" border="solid" width=50%> <tr> <tdcolspan='3'>1</td> <tdrowspan='3'>2</td> <tdcolspan='2'>3</td> <tdrowspan='2'>N</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <tdcolspan='3'>9</td> <tdcolspan='2'>10</td> <td>N</td> </tr> <tr> <tdcolspan='7'>N</td> </tr> <tr> <td>N</td> <td>N</td> <td>N</td> <td>N</td> <td>N</td>…
You need to create all web pages by using HTML5 and external CSS. Please create shell and I will add the images later. Specifically, your website must include the following The homepage: The homepage serves as an introduction to the entire website, where the purpose of this website can be clearly and easily identified by the target audience. The content includes the following HTML elements: the logo image of the OneBook program (PLEASE CREATE THE ELEMENT I WILL ADD THE IMAGE MYSELF) the header element should be consistent on all 4 pages links to the homepage as well as the other 3 pages the nav should be consistent on all 4 pages <h2>: What is OneBook? 1st paragraph <p>: 2nd paragraph <p>: T The front cover of the book Deep Economy <img> You are required to add the following text in the footer section: <header> <nav> <main> <footer> Your homepage must be saved as “index.html”
Define a function named createBorders that selects // the table inside the "myPage" section. The function should add a CSS border to the table cells that is 2 pixels thick and solid black (use #000 for black). The function should also return the table element. //////////// Hint: You can build a selector from the result of another selector.
write a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peterthe direction of the linear gradient is to be from right to left and must be represented by degreesthe starting colour must be red and presented in the RGB formatthe ending colour must be blue and presented in hexadecimal format
Question 1: a) Modify this code like exactly as below pictures and make boxes big like picture below . How can you apply translate property in CSS on an image when the user b) b) hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image. Code: <!DOCTYPE html> <html> <body> <style> td{ border:1pxsolidblack; } td { border-collapse:collapse; } </style> <tablewidth="50%"> <tr> <tdcolspan='3'>1</td> <tdrowspan='3'>2</td> <tdcolspan='2'>3</td> <tdrowspan='2'>N</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <tdcolspan='3'>9</td> <tdcolspan='2'>10</td> <td>N</td> </tr> <tr> <tdcolspan='7'>N</td> </tr> <tr> <td>N</td> <td>N</td>…
What is the correct CSS syntax for making all the elements bold? O p {text-size:bold;} O p {font-weight:bold;} O O
Use the following CSS rule to write a line of HTML code that will display the text “CSC242” in an h1 header and make the text red. .special { color: red; }
In CSS, a:hover means : Select one: O a. A link when a users mouse cursor is under it O b. A link when a users' mouse cursor is over it O C. A link the user has visited d. A link the moment it is clicked Which is correct for CSS syntax