Go to the Heading Styles section and create a style rule for every h1 heading that...
Go to the Heading Styles section and create a style rule for every h1 heading that displays the text with a normal font weight from the font stack: Nobile, Verdana, Geneva, sans-serif. Set the letter spacing to 0.2em and the margin to 0 pixels.
Homework Answers
Stylesheet for the criteria "Go to the Heading Styles section and create a style rule for every h1 heading that displays the text with a normal font weight from the font stack: Nobile, Verdana, Geneva, sans-serif. Set the letter spacing to 0.2em and the margin to 0 pixels."
/* Heading Style Section */
h1 { /* ----
style rule for every h1 heading-------*/
font-weight: normal; /* -- for displaying the text with a normal font weight--*/
font-family: Nobile, Verdana, Geneva, sans-serif; /*--for specifying the font stack--*/
letter-spacing: 0.2em; /*--for setting the letter spacing to 0.2em--*/
margin: 0px; /*--for setting the margin to 0 pixels--*/
}
**Note: The
font-family property accepts several font names, which
acts as a "fallback" system. In case the browser does not support
the first font, it checks the next font and tries to apply
it.
font-weight property decides how thick or thin the characters should be. it takes values as: normal, bold, bolder,lighter and number.
To test the above code: open any text editor like notepad, write the html and css code as follows and save it with .html extension.
samplecss.html
<html> <head> <style> h1 { /* ---- style rule for every h1 heading------*/ font-weight: normal; /* -- for displaying the text with a normal font weight--*/ font-family: Nobile, Verdana, Geneva, sans-serif; /*--for specifying the font stack--*/ letter-spacing: 0.2em; /*--for setting the letter spacing to 0.2em--*/ margin: 0px; /*--for setting the margin to 0 pixels--*/ } </style> </head> <body> <h1> Checking the CSS style for H1 tag</h1> <p> The CSS style is not applied for paragraph tag</p> </body> </html>
Output:
** Here you can see that that CSS is applied only to the first line because it is written in <H1> tag.
Add Answer to:
Go to the Heading Styles section and create a style rule for
every h1 heading that...
Go to the Customer Comment Styles section. In this section, you will create style rules for...
Go to the Customer Comment Styles section. In this section, you will create style rules for the customer comments displayed near the bottom of the page. For the ulelement with the id comments, create a style rule that sets the width to 75% and centers the element by setting the top/bottom margin to 40 pixels and the left/right margin to auto. Karen wants the list items to appear in two columns on the page. In the same section, create a...
Apply the following styles: Set the width of the body element to 1000 pixels. Set the...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
Navigation List Styles Go to the Navigation List Styles section. Format the hypertext links in the...
Navigation List Styles Go to the Navigation List Styles section. Format the hypertext links in the body header by adding a style rule for the body >header a that adds a 5-pixel outset border with color value rgb(211, 211, 255) Section Left Styles Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211,...
Can you please assist me with this HTML? Below is what I have but it isn't...
Can you please assist me with this HTML? Below is what I have but it isn't working. Filename: jpf_sudoku.css /* Table Styles */ table.spuzzle { border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 90%; } table.spuzzle td { border: 5px outset gray; width: 33.3%; } table.spuzzle th { font color: gray; padding-right: 10px; padding-bottom: 10px; } /* Inner Table Styles */ table.subTable { border-collapse: collapse; width: 100%; } table.subTable td { box-shadow: 0px 0px 15px inset; border:...
Add style rules in css file to accomplish the following: In the following order, use the...
Add style rules in css file to accomplish the following: In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text. Set the font size for the body to 85% of the browser’s default font size. Set the width of the window to display the document to 950. Center the text in the header. Set the font size for the level-one heading in the header to two and one-half times the browser’s default...
Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 Extern...
Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 External Style Sheet - Brandon */ Style the h1 element with a background color of lightgreen and center the text. Style the p element with a blue text color and yellow background color. Style the p element of class .firstclass with a green text color. Style the...
How do I get my HTML and CSS to look similar to this mockup? HTML: <!DOCTYPE...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
Need help starting from question 9. I have tried multiple codes but the program says it is incorrect. Case Problem 1 Da...
Need help starting from question 9. I have tried multiple codes
but the program says it is incorrect.
Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 TXT file, 1 TTF file, 1 WOFF file 0 Marlin Internet Luis Amador manages the website for Marlin Internet, an Internet service provider located in Crystal River, Florida. You have recently been hired to assist in the redesign of the company's website....
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
Navigation List Styles Go to the Navigation List Styles section. Format the hypertext links in the body header by adding a style rule for the body >header a that adds a 5-pixel outset border with color value rgb(211, 211, 255) Section Left Styles Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211,...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
Need help starting from question 9. I have tried multiple codes
but the program says it is incorrect.
Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 TXT file, 1 TTF file, 1 WOFF file 0 Marlin Internet Luis Amador manages the website for Marlin Internet, an Internet service provider located in Crystal River, Florida. You have recently been hired to assist in the redesign of the company's website....
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
Most questions answered within 3 hours.
-
An aqueous magnesium chloride solution is made by dissolving
6.96 moles of MgCl2 in sufficient water...
asked 31 seconds ago -
Ken believes the average age of men who come to get a haircut at
his barber...
asked 22 minutes ago -
(Ratio Analysis): Last year Co. XYZ had sales of $ 400,000, with
“cost of goods sold”...
asked 30 minutes ago -
can someone please write the balanced chemical
equation for the synthesis of Bromoacetanilide
from;
aniline +...
asked 27 minutes ago -
1. If a corporation purchases land and building and subsequently
tears down the building and uses...
asked 38 minutes ago -
Consider a 23-year bond with 7 percent annual coupon payments.
The market rate (YTM) is 6.4...
asked 41 minutes ago -
a tuba creates a 4th harmonic of frequency 116.5 Hz. what is the
frequency of the...
asked 47 minutes ago -
A coconut mass 2kg falls from a 30m tall tree. The coconut falls
and comes to...
asked 50 minutes ago -
Group Policies
Research GROUP POLICY OBJECTS (GPO'S)
You can start in the Windows Server 2012 eBook...
asked 54 minutes ago -
software engineering
Problems.
Create a use case diagram for class registration for a
university.
Create a...
asked 54 minutes ago -
You are trying to convince your friend who wants to attend
medical school to take BY123...
asked 1 hour ago -
Subject: C++
I have created a class called QueueOfIntegers in a file called
QueueOfIntegers.h, which is...
asked 1 hour ago