Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 6, Problem 1MC
Program Description Answer
The components of the box model from outermost to innermost are margin, border, padding and content.
Hence, the correct option is “A”.
Expert Solution & Answer
Explanation of Solution
Explanation:
Box model:
Each HTML elements is considered as “boxes”. In Cascading Style Sheet, the word box model is used while discussing about design and layout.
It is basically a box, which wraps every element in a document; the components of the box model from outermost to innermost are:
- Margin
- Border
- Padding
- Content
Margin:
Margin is one of the components of box model. It defines an empty space between an element and any adjacent elements.
It is always transparent; hence the page background color or parent element shows in this area.
Border:
The border is an area between the content and the margin areas. The value of the default border is “0” that does not displayed on the page.
- Using “border property”, user can configure an element’s border.
Content:
It is an area, contains a combination of both text and HTML elements such as headings, images, list and so on.
It does not contain any other components like margin, border and padding.
Padding:
The padding is an area between the content and the border areas. The default value of padding is “0”.
Using “padding property”, user can configure an element’s padding.
Explanation for incorrect options:
b)
The given listed components are from innermost to outermost of the box model.
Hence, the option “B” is wrong.
c)
The given listed components are not from the outermost to innermost of the box model. The correct components are margin, border, padding and content.
Hence, the option “C” is wrong.
d)
The given listed components are not from the outermost to innermost of the box model. The correct components are margin, border, padding and content.
Hence, the option “D” is wrong.
Want to see more full solutions like this?
Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
Write the name of the positioning method (static, relative, absolute, or fixed) that best matches each of the following descriptions.
a) Positions the element relative to a containing block.b) Removes the element from the normal flow.c) Always positions the element relative to the viewport.d) The positioned element may overlap other content.e) Positions the element in the normal flow.f) The space the element would have occupied in the normal flow is preserved.g) The space the element would have occupied in the normal flow is closed up.h) Positions the element relative to its original position in the normal flow.
Q6/ You have a power point presentation with name of "Petroleum Engineering" consists of 8 slides,
do the following:
a. Insert a new slide between the second and the third slide.
b. Open this power point presentation then save it under a new name of "Chemical
Engineering" on the same location.
c. Delete the fourth slide.
d. Move the third slide to a new location between the seventh slide and the eighth slide.
question is in the attached photo!
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- Create table as below and shading the first row. Insert an Octagon and write your name in the center Day / Sunday Monday Tuesday Wednesday | Computer | Science Friday Period II Period IV | Period V Science Computer Math |Math Period I Math English Computer English | Computer | Science English Computer Science English Math Math Science English Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" Table font “Times new roman" and 13 sizearrow_forwardThe Apply Design Template command is .8 used to .Change the order of the slides. Change the shape of the slides. Change the background and fonts of the entire presentation. Create a new, empty presentationarrow_forwardQ2: Create table as below and shading the first row. Insert an Octagon and write your name in the center Day/ Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II Period IVv | Period V |Science Computer | Math Math English |Computer | English Computer | Science English Computer | Math Science English Math Math Science English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forward
- Create table as below and shading the first row. Insert an Octagon and write your name in the center Day / Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II | Period IV | Period V |Computer English |Computer | Science English Computer| Math Science |English Computer | Math Math Science English Math Math Science |English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period II column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardWhat is the difference between style sheets and themes?arrow_forwardHow do I get my code to match the requirements in the picture? * {box-sizing: border-box;} body {background-color: #3F2860;font-family: Verdana,Arial, sans-serif;color:#3F2860;margin: 0px;padding: 0px;} #wrapper {background-color:#F5F5F5;width:100%;min-width:0px;max-width : 1540px;margin-left : auto;margin-right : auto;margin: 0px;color:#3F2860;padding: 0px;} #main {margin-left:170px;padding-top:1em;padding-right:2em;Padding-left:1em;background-color:#F5F5F5;height: 500px;} h2{margin-top:0px;text-align: center;} p,h3{ text-align: center; } #nav{ float:left;height:500px;width:25%;position:relative;width:160px;padding:1em;} #hero { text-align: left; margin-left: 10%;} #ylp { float: center; background-repeat: no-repeat; background-position: right; height: 300px; width: 90%; margin-left: 1%;} #image {float:left;width:30%;position:relative;} span{ margin-left: 40px; font-size: small;} #des{ float: right; width: 70%; position: relative;} #mathero { height:…arrow_forward
- Which actions are required to modify the Text attribute of the form?arrow_forwardHow Do I Write My Style Sheet So That It Gracefully Cascades With User S Personal Sheet ?arrow_forwardMatch the following flex-flow declarations with the resulting flexboxes given in table 2. Table 2: flexboxes A. flex-flow: row wrap; Figure No Figure B. flex-flow: column 1. 1 2 3 4 5 6 nowrap; C. flex-flow: row wrap- reverse; D. flex-flow: column wrap- 2. 5 6 reverse; 3 4 E. flex-flow: row nowrap; 1. 3. 2 3 4 4. 2 3 4 5 5. 4 1. 3 2.arrow_forward
- Please help, I just posted this question and got the wrong answer to it. This assignment is not graded, I just need to understand how to do it. all the information to the problem is in the screenshots and the code that is given is written below. please just follow the technical requirements, Thank you! 12 code files (Your 4 shape headers, your 4 shapeimplementations, Shape header, Shape Implementation, ShapeType header, and the main.cpp files) four files are given to start the assignment and 8 more are needed, 4 shape headers and 4 shape implementations. Problem DescriptionLet us create an interface where a user can select one of four shapes: circle, square, rectangle, or triangle. The user then enters information about the selected shape (for example, radius for circle, width and length for rectangle, etc.). Then the program displays information about the shape (perimeter and area). Use the following equations for calculation of perimeter and area. Circle: P = 2*pi*r, A = pi * r2…arrow_forward⦁ Create a new blank spreadsheet⦁ Save the document as Lab 6.0⦁ Merge and center cells A1: I1 ⦁ In cell A1 Type: CIT 105 Lab 6.0⦁ Make the following changes to CIT 105 Lab 6.0 ⦁ Bold CIT 105 Lab 6.0⦁ Change the font size to 16⦁ Change the font color to red⦁ Merge and center cells A2:I2⦁ Make the following changes to A2⦁ Type EARNINGS in cell A2⦁ Bold EARNINGS⦁ In A3 type: Occupation⦁ In B3 type: Median Pay⦁ In F3 type: Income⦁ In I3 type: After Taxes⦁ In A4 type the name of the occupation you hope to obtain (HINT: use the one you researched on Occupation Outlook Handbook) (Data Analyst) ⦁ In B4 enter the median pay for that occupation on the Occupation Outlook Handbook⦁ In F4 enter: Yearly Pay⦁ In F5 enter: Monthly Pay⦁ In F6 enter: 2-WK Pay⦁ In F7 enter: 1-WK Pay⦁ In F8 enter: Daily Pay⦁ In F9 enter: Hourly Pay⦁ Merge and center A11:I11⦁ In A11 enter: Budget⦁ Bold Budget⦁ In A12:A21 create the list…arrow_forwardHelp me complete this task. Add the following style rules for the form elements. Create a style rule for the fieldset and input elements that sets the bottom margin to 2%. Create a style rule for the fieldset legend that sets the font-size to 1.25em and makes the font bold. Create a style rule for the label that sets the display to block and sets padding-top to 3%. Create a style rule for the btn class selector that removes the border, sets the top and bottom margin to zero and the left and right margin to auto, sets the display to a block, sets the padding to 5%, sets the background-color to 003399, sets the font-size to 1.25em, sets the border-radius to 10px, and sets the color to white (fff). --my css /* Style for body specifies a background color */ body { background: linear-gradient(to top right, #fff 0%, #6699ff 100%) no-repeat fixed center; font-family: Geneva, Arial, sans-serif; } /* Style for the container element */ #container { width: 90%; margin: 0 auto; }…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L