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 2, Problem 5CP4
Program Plan Intro
To save the changes made to lakes_styles.css and view the effect of stylesheet on lake_home.html webpage.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
How Do I Write My Style Sheet So That It Gracefully Cascades With User S Personal Sheet ?
I 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:…
Format the appearance of the closing quotes by creating a style rule for the aside blockquote::after selector to write a boldfaced open quote after the block quote with the font size once again set to 1.6em from the font stack 'Times New Roman’, Times, serif.
Chapter 2 Solutions
New Perspectives on HTML5, CSS3, and JavaScript
Ch. 2.1 - Prob. 1QCCh. 2.1 - Prob. 2QCCh. 2.1 - Prob. 3QCCh. 2.1 - Prob. 4QCCh. 2.1 - Prob. 5QCCh. 2.1 - Prob. 6QCCh. 2.1 - Prob. 7QCCh. 2.1 - Prob. 8QCCh. 2.2 - Prob. 1QCCh. 2.2 - Prob. 2QC
Ch. 2.2 - Prob. 3QCCh. 2.2 - Prob. 4QCCh. 2.2 - Prob. 5QCCh. 2.2 - Prob. 6QCCh. 2.2 - Prob. 7QCCh. 2.2 - Prob. 8QCCh. 2.3 - Prob. 1QCCh. 2.3 - Prob. 2QCCh. 2.3 - Prob. 3QCCh. 2.3 - Prob. 4QCCh. 2.3 - Prob. 5QCCh. 2.3 - Describe the item selected by the following...Ch. 2.3 - Prob. 7QCCh. 2.3 - Prob. 8QCCh. 2.3 - Prob. 9QCCh. 2 - Prob. 1RACh. 2 - Prob. 2RACh. 2 - Prob. 3RACh. 2 - Prob. 4RACh. 2 - Prob. 5RACh. 2 - Prob. 6RACh. 2 - Prob. 7RACh. 2 - Prob. 8RACh. 2 - Prob. 9RACh. 2 - Prob. 10RACh. 2 - Prob. 11RACh. 2 - Prob. 12RACh. 2 - Prob. 13RACh. 2 - Prob. 14RACh. 2 - Prob. 15RACh. 2 - Prob. 16RACh. 2 - Prob. 17RACh. 2 - Prob. 18RACh. 2 - Prob. 19RACh. 2 - Prob. 20RACh. 2 - Prob. 1CP1Ch. 2 - Prob. 2CP1Ch. 2 - Prob. 3CP1Ch. 2 - Prob. 4CP1Ch. 2 - Prob. 5CP1Ch. 2 - Prob. 6CP1Ch. 2 - Prob. 7CP1Ch. 2 - Prob. 8CP1Ch. 2 - Prob. 9CP1Ch. 2 - Prob. 10CP1Ch. 2 - Prob. 11CP1Ch. 2 - Prob. 12CP1Ch. 2 - Prob. 13CP1Ch. 2 - Prob. 14CP1Ch. 2 - Prob. 15CP1Ch. 2 - Prob. 16CP1Ch. 2 - Prob. 17CP1Ch. 2 - Prob. 18CP1Ch. 2 - Prob. 19CP1Ch. 2 - Prob. 1CP2Ch. 2 - Prob. 2CP2Ch. 2 - Prob. 3CP2Ch. 2 - Prob. 4CP2Ch. 2 - Prob. 5CP2Ch. 2 - Prob. 6CP2Ch. 2 - Prob. 7CP2Ch. 2 - Prob. 8CP2Ch. 2 - Prob. 9CP2Ch. 2 - Prob. 10CP2Ch. 2 - Prob. 11CP2Ch. 2 - Prob. 12CP2Ch. 2 - Prob. 13CP2Ch. 2 - Prob. 14CP2Ch. 2 - Prob. 15CP2Ch. 2 - Prob. 16CP2Ch. 2 - Prob. 17CP2Ch. 2 - Prob. 18CP2Ch. 2 - Prob. 19CP2Ch. 2 - Prob. 20CP2Ch. 2 - Prob. 21CP2Ch. 2 - Prob. 1CP3Ch. 2 - Prob. 2CP3Ch. 2 - Prob. 3CP3Ch. 2 - Prob. 4CP3Ch. 2 - Prob. 5CP3Ch. 2 - Prob. 6CP3Ch. 2 - Prob. 7CP3Ch. 2 - Prob. 8CP3Ch. 2 - Prob. 9CP3Ch. 2 - Prob. 10CP3Ch. 2 - Prob. 11CP3Ch. 2 - Prob. 12CP3Ch. 2 - Prob. 13CP3Ch. 2 - Prob. 14CP3Ch. 2 - Prob. 15CP3Ch. 2 - Prob. 16CP3Ch. 2 - Prob. 17CP3Ch. 2 - Prob. 18CP3Ch. 2 - Prob. 19CP3Ch. 2 - Prob. 20CP3Ch. 2 - Prob. 21CP3Ch. 2 - Prob. 22CP3Ch. 2 - Prob. 23CP3Ch. 2 - Prob. 24CP3Ch. 2 - Prob. 25CP3Ch. 2 - Prob. 26CP3Ch. 2 - Prob. 27CP3Ch. 2 - Prob. 28CP3Ch. 2 - Prob. 29CP3Ch. 2 - Prob. 30CP3Ch. 2 - Prob. 1CP4Ch. 2 - Prob. 2CP4Ch. 2 - Prob. 3CP4Ch. 2 - Prob. 4CP4Ch. 2 - Prob. 5CP4
Knowledge Booster
Similar questions
- 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_forwardFinally, within the form, add a div element containing a submit button displaying the text Begin Building your Order. (Hint: To code a submit button, use the input element and set its type attribute to "submit". You can also add a value attribute and set its value to the text you want to show on the button. Example: <input type="submit" value="This is text shown on the button">)arrow_forwardYou add a style to the start tag for an element, such as a heading or paragraph, using the style attributearrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE LNp 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
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage