New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN: 9781305503922
Author: Patrick M. Carey
Publisher: Cengage Learning
expand_more
expand_more
format_list_bulleted
Question
Chapter 6, Problem 16RA
Program Plan Intro
To create a style rule to set the column width to 11% and background color to rgb(236, 255, 211) for col elements of the wEndColumns class.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
You add a style to the start tag for an element, such as a heading or paragraph, using the style attribute
Create a style rule for the section element with the id "sub" that displays that element as a grid consisting of three columns of equal width by repeating the column width 1fr three times.
Help 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;
}…
Chapter 6 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 6.1 - Prob. 9QCCh. 6.2 - Prob. 1QCCh. 6.2 - Prob. 2QCCh. 6 - Prob. 1RACh. 6 - Prob. 2RACh. 6 - Prob. 3RACh. 6 - Prob. 4RACh. 6 - Prob. 5RACh. 6 - Prob. 6RACh. 6 - Prob. 7RA
Ch. 6 - Prob. 8RACh. 6 - Prob. 9RACh. 6 - Prob. 10RACh. 6 - Prob. 11RACh. 6 - Prob. 12RACh. 6 - Prob. 13RACh. 6 - Prob. 14RACh. 6 - Prob. 15RACh. 6 - Prob. 16RACh. 6 - Prob. 17RACh. 6 - Prob. 18RACh. 6 - Prob. 19RACh. 6 - Prob. 20RACh. 6 - Prob. 21RACh. 6 - Prob. 22RACh. 6 - Prob. 23RACh. 6 - Prob. 24RACh. 6 - Prob. 1CP1Ch. 6 - Prob. 2CP1Ch. 6 - Prob. 3CP1Ch. 6 - Prob. 4CP1Ch. 6 - Prob. 5CP1Ch. 6 - Prob. 6CP1Ch. 6 - Prob. 7CP1Ch. 6 - Prob. 8CP1Ch. 6 - Prob. 9CP1Ch. 6 - Prob. 10CP1Ch. 6 - Prob. 11CP1Ch. 6 - Prob. 12CP1Ch. 6 - Prob. 13CP1Ch. 6 - Prob. 14CP1Ch. 6 - Prob. 15CP1Ch. 6 - Prob. 16CP1Ch. 6 - Prob. 17CP1Ch. 6 - Prob. 18CP1Ch. 6 - Prob. 1CP2Ch. 6 - Prob. 2CP2Ch. 6 - Prob. 3CP2Ch. 6 - Prob. 4CP2Ch. 6 - Prob. 5CP2Ch. 6 - Prob. 6CP2Ch. 6 - Prob. 7CP2Ch. 6 - Prob. 8CP2Ch. 6 - Prob. 9CP2Ch. 6 - Prob. 10CP2Ch. 6 - Prob. 11CP2Ch. 6 - Prob. 12CP2Ch. 6 - Prob. 13CP2Ch. 6 - Prob. 14CP2Ch. 6 - Prob. 15CP2Ch. 6 - Prob. 16CP2Ch. 6 - Prob. 17CP2Ch. 6 - Prob. 1CP3Ch. 6 - Prob. 2CP3Ch. 6 - Prob. 3CP3Ch. 6 - Prob. 4CP3Ch. 6 - Prob. 5CP3Ch. 6 - Prob. 6CP3Ch. 6 - Prob. 7CP3Ch. 6 - Prob. 8CP3Ch. 6 - Prob. 10CP3Ch. 6 - Prob. 11CP3Ch. 6 - Prob. 12CP3Ch. 6 - Prob. 13CP3Ch. 6 - Prob. 14CP3Ch. 6 - Prob. 15CP3Ch. 6 - Prob. 16CP3Ch. 6 - Prob. 17CP3Ch. 6 - Prob. 18CP3Ch. 6 - Prob. 19CP3Ch. 6 - Prob. 20CP3Ch. 6 - Prob. 21CP3Ch. 6 - Prob. 22CP3Ch. 6 - Prob. 23CP3Ch. 6 - Prob. 24CP3Ch. 6 - Prob. 1CP4Ch. 6 - Prob. 2CP4Ch. 6 - Prob. 3CP4Ch. 6 - Prob. 4CP4Ch. 6 - Prob. 5CP4Ch. 6 - Prob. 6CP4Ch. 6 - Prob. 7CP4
Knowledge Booster
Similar questions
- Next, set the display of the section element with class ID of tips as a flexbox. Have the content of the flexbox flow in the row direction with row wrapping enabled.arrow_forwardLook at the code given in table1, Write style rules for displaying the flexboxitems in the order shown in Figure 1. Where thewidth and height of each flexbox item is 50px and40px respectively. Each item has a 1px solid black color border and for the background color, the valueof the color is #4682B4,arrow_forwardI am having an issue I am not sure what error I have with this code when I execute it. Here are the instructions for the code: Column Styles Next, you’ll format the grid columns. Go to the Column Styles section. Create a style rule to float all div elements whose class value starts with “col-” on the left margin. Set the padding around all such elements to 2%. Finally, apply the Border Box Sizing model to the content of those elements.(Note: Remember to use web extensions to provide support for older browsers.) In the same section, create style rules for div elements with class names .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, and .col-3-4 to set their widths to 100%, 50%, 33.33%, 66.67%, 25%, and 75% respectively. Here is my code: div[class^="col-"]{ float:left; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.col-1-1 {width: 100%;} div.col-1-2 {width: 50%;} div.col-1-3 {width: 33.33%;} div.col-2-3 {width:…arrow_forward
- Format the appearance of the opening quotes by creating a style rule for the aside blockquote::before selector to write a boldfaced open quote before the block quote with the font size set to 1.6em from the font stack ‘Times New Roman‘, Times, serif.arrow_forwardRevise the following img element to attach it to the mapsites image map: <img src=”logo.png” alt=”” />arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage