For the following style rules, what is the font size of the h1 heading in pixels? body {font-size: 16px;} body > article {font-size: 0.75em;} body > article > h1 {font-size: 1.5em;} a. 16px; b. 12px; c. 18px; d. 18.25px;
Q: 4) Style the with the following styles: • Uppercase all the letters, without touching the htmll •…
A: we need to do following changes in app.css file
Q: Draw and write a brief description of the web page that will be cre-ated with the following HTML…
A: It creates a wrapper class with width = 750 px It has a heading named CircleSoft Design Within that…
Q: a.menu {font-family : Verdana; font-weight : bold; font-size : 13px; } To use the CSS style above,…
A: By default the 'a' tag is implied so need to use only "menu" .
Q: 1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on…
A: For the given problem we can use Google API to solve it
Q: Fill in the blanks: (CLO 2) 1. Using the element allows you to use external style sheets in your…
A: Filled the gives statements
Q: HTML In strictly default block vertical coordinates, the reference positions for the next element…
A: In strictly default block vertical coordinates, the reference positions for the next element…
Q: The HTML ________element is used to draw graphics, on the fly, via JavaScript.Single choice.…
A: Please find the answer below :
Q: Complete the style rules above by providing your Google Fonts as values to the font- family…
A:
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: I highlight grid css part
Q: Part Three Create a paragraph tag nested inside a div underneath the second card • In a few…
A: <!DOCTYPE html> <html lang="en"> <style> @import…
Q: eb page, displaying the following text with styles as close to the example as possible, change my…
A: It is defined as an web content which is written in HTML that is viewed on Internet Browser. A web…
Q: Create a products.html page and add five product images to the page. Create a Product class for each…
A: <!DOCTYPE html><html><head>…
Q: Write a simple program showcasing paragraph and style tägš. You can use dther tags to make your…
A: I created a web page and use tags like paragraph and styles
Q: One of the following CSS sentences is correct Select one: O a. font family:"impact","Arial"; O b.…
A: One of the following CSS sentences is correct
Q: a) Use Colspan and Rowspan to create the following table.
A: Note: we are only allowed to solve one question in one post according to policy. please post second…
Q: te that Fve used a next-sibling selector (h2 + p) to ph that follows an ha. xt, add a softer color…
A: the updated code for the above mentioned question is given below:--
Q: write a CSS style rule to set up a linear gradient background based on the following requirements:…
A: CSS style for the given requirements:…
Q: In powerpoint,What lets you to create new presentation by selecting ready-made font color and…
A: A PowerPoint template is a pattern or blueprint of a slide or group of slides that you save as a .…
Q: I need to split these into grid.html and grid.css
A: HTML- <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: llows an ha. ofter color to the menu item names (in dt ma." one of the namas from the CSS3 color ng…
A: the updated code is given below:--
Q: *{ background-color: gray; } a{ text-decoration: none; color: yellow; font-size:…
A: There is mistake in one line only. I will give you whole code plus will highlight the error line.…
Q: Which Property Is Used To Increase Or Decrease How Bold Or Light A Font Appears?
A: Here have to determine Property Is Used To Increase Or Decrease How Bold Or Light A Font Appears.
Q: Write an HTML program to create an EXTERNAL Style sheetusing element and format it with the…
A: According to the asked question, the solution is given below with a proper explanation.
Q: Complete the style rules above by providing your Google Fonts as values to the font- family…
A: To applying google font to the external CSS style sheet we just have to select google fonts by +…
Q: Write a css style like, the title is list
A: Here I've written the code as mentioned in the problem. Have a look.…
Q: CSS Q1. By using the program below: Kindly change the color of the element with id="para1", to…
A: Note: Since the given question is multiple one we are advised to do only first question kindly post…
Q: what I have so far body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana,…
A: Given, We have to fix the given code according to the question.
Q: 1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on…
A: <!DOCTYPE html> <html lang="en"> <style> body { margin: 0;…
Q: 10. Make a CSS for the h2 element and make the following declarations. a.) Set the style of the…
A: CSS border style property specifies what kind of border to display. CSS border properties allow…
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: grid html <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: Code a CSS style rule that places a element in a absolute position 100 millimeter from the bottom…
A: In programming, the process of hiding details of an object or function. Information hiding is a…
Q: Now let's try some slightly more sophisticated tiling on the Summer Menu page. This time we'll add a…
A: I attached your answer below.
Q: To display an element as a block-level use: display: block-level; display: block; display:…
A: 1)To display an element as a block-level : Syntax is: dispaly:block; Therefore Option 2 is…
Q: What is the purpose of having a form on a web page? ● What are the five different kinds of input…
A: Given:- ● What is the purpose of having a form on a web page? ● What are the five different kinds of…
Q: ANSWER THE FOLLOWING MULTIPLE CHOICES 1. Which CSS property configures the capitalization of text?…
A: Given: ANSWER THE FOLLOWING MULTIPLE CHOICES 1. Which CSS property configures the capitalization of…
Q: If you want text to appear to the left of the selected image control on a Web form, you would need…
A: Question. If you want text to appear to the left of the selected image control on a Web form, you…
Q: An eccentric California real-estate mogul hires your design firm to “create an identity” for La…
A: A new document named Desert Oasis is to be created. To create a new document, click on create a new…
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: GRID.HTML <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: Create a paragraph tag nested inside a div underneath the second card • In a few sentences explain…
A: <!DOCTYPE html> <html lang="en"> <style> @import…
Q: A Moving to another question will save this response. Question 1 Create a CSS style for an H3…
A: Html page for css style sheet
Q: By using the program below: Kindly Change the color of all elements with the class "colortext", to…
A: Kindly Change the color of all elements with the class "colortext", to "red".
Q: The following style rules should be added to styles.css: The default fonts (in order of priority)…
A: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading…
Q: 1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on…
A: <html> : Every HTML соde must be enсlоsed between bаsiс HTML tаgs. It begins…
Q: 1. In the header rule, add the image purpledot.png and set it to repeat horizontally only. 2. look…
A: The parameters in the above given question is mention as below, A summer menu page Need to add…
Q: 3) Write an HTML program to create an EXTERNAL Style sheet using element and format it with the…
A: <!DOCTYPE html><html><head> <link rel="stylesheet"…
Q: style class="box1" text-transfer id="box1" |posotion porder style-font border position…
A: The missing tags in the question are being highlighted below.…
Q: 1. Go to Google Fonts. 2. Search for three interesting fonts 3. To select a font family, click on…
A: <!DOCTYPE html> <html lang="en"> <style> body { margin: 0;…
Q: Part Three • Create a paragraph tag nested inside a div underneath the second card • In a few…
A: Answer: Updated Source Code: <!DOCTYPE html> <html lang="en"> <!-- below is…
Q: If you want text to appear to the left of the selected image control on a Web form, you would need…
A: The Position dialog box helps you to define positioning attributes like a top, left, height etc.…
body {font-size: 16px;}
body > article {font-size: 0.75em;}
body > article > h1 {font-size: 1.5em;}
|
|||
|
|||
|
|||
|
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
- <style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…<style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…body {font-family: Georgia, serif;font-size: 100%;line-height: 175%;margin: 0 15% 0;background-color:rgb(210,220,157);}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;border-radius:4px;background-color:hsl(0, 14%, 95%);opacity:0.5;}a {text-decoration: none;color:rgb(153,51,153);}a:visited{color: hsl(300, 13%, 51%);}a:hover{background-color: #fff;}a:focus{background-color: #fff;}a:active{color:#ff00ff;}h1 {font: bold 1.5em Georgia, serif;text-shadow: 0.1em 0.1em 0.2em gray;color: rgb(153,51,153);}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: 0.5em;text-align: center;color:rgb(204,102,0);}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning,sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;}h2 + p {text-align: center;font-style: italic;}
- <style>body {font-family: Georgia, serif;font-size: 100%;line-height: 175%; margin: 0 15% 0;}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;} a {text-decoration: none;} h1 {font: bold 1.5em "Marko One", Georgia, serif;}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: .5em;text-align: center;}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning, sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;} h2 + p {text-align: center;font-style: italic;} </style> <!DOCTYPE html><html><head><link rel="stylesheet" href="main-styles.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link…body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background: radial-gradient( #ffff99 60% , #993399); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300,…A Font structure can have one of four styles: PLAIN, BOLD, ITALIC or UNDERLINED. Create the enumerated type FontStyle with these members. The underlying values are 0, 1, 2 and 4. #ifndef STYLE_H#define STYLE_H ............. #endif
- <style>#sample { color: red; font-size: 50pt; position: absolute; left: 0px; top: 0px; animation-name: move; animation-duration: 3s;} @keyframes move { 0% {color: red; left: 0px; top: 0px; } 50% { color: blue; left: 200px; top: 0px; } 100% { color: red; left: 0px; top: 0px; }}</style><div id="sample">Hi </div> What is the error present in this code? 1) There should be an brace for the sample declaration block. 2) The font-size declaration should not use a hypen 3) There should not be “ “after id. 4) There should not be semicolon after red.body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ background-repeat:round space; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a: visited { color: hsl(300, 13%, 51%); } a: hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; } ul {…body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…
- body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…what I have so far <!DOCTYPE html><html lang="en"> <style> body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271;color: white;}h1{color: #fe6a67;text-align: center;font-weight: normal;text-transform: uppercase;border-top: 1px dotted #d4dccd; margin-top: 30px;}h2{font-size: 1em;text-align: center; } body{ margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{width: 2px;border-top: 1px dotted; border-top-color: #506D84;} h2{ text-align: center; } </style> <head><link rel="stylesheet" href="style.css"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.first>h2, .second>h2, .third>h2 {margin-top: 10px;margin-bottom: 10px;} .image {width: 200px;}</style></head> <body><div…body { background-color:rgb(207, 201, 186); color:rgb(26, 12, 2); margin: 15px; padding: 10px; margin-right:50px; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif } h1 { font-size: 32px; text-align: center; margin-top: 2em; padding: top 50px; text-transform:uppercase;} a:link { color:rgb(26, 12, 2) ; font-size:29px; } a:hover { color:rgba(80, 44, 18, 0.555); } a:active { color:rgba(196, 139, 99, 0.555); } h2 { font-size: 20px; } h3 { font-size:larger; margin: 20px; padding-top: 10px; } h4 { font-size: large; margin: 20px; } ul{ font-size:20px; margin-left: 20px; } li{ font-size:20px ; margin-left: 15px; } p { font-size:25px; padding: 5%; text-align:center; box-shadow:4px 4px 6px #000000; border-color: antiquewhite; border-radius: 15px; } img { position: absolute; top: 50%; right:10%; opacity: 85%; border-radius: 10px;…