One of the following CSS sentences is correct Select one: O a. font family:"impact","Arial"; O b. font-face:"Arial"," impact"; O c. font-family3DTimes new roman, impact; O d. font-family:Arial, impact;
Q: Write the CSS for an id with the following attributes: float to the left of the page, light tan…
A: CSS: CSS, or Cascading Style Sheets, is a basic design language that makes it easier to present web…
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: The correct CSS code to apply the style .news{font-weight : bold;} to a paragraph? O a. Some text O…
A: Please find the answer below :
Q: figuring the price of espresso drinks so baristas can have time to chat Juliette Is Pulling For Us…
A: Given code: <!doctype html><html><head><meta…
Q: Incorporate the use of cascading style sheets with the HTML text below. Create an HTML file using a…
A: Here is Your Code BARTLEBY.HTML File <! DOCTYPE HTML><html> <!-- Indicated that here…
Q: Using what you learned about the box model, width/height, and border. Add some styles to you css…
A: Here i am writing simple html an css code for making card:…
Q: Complete the style rules above by providing your Google Fonts as values to the font- family…
A:
Q: Question 1 What are the problems with the above code? Consider the syntax, structure, and writing…
A: Given Code: <html> <head> <title>Good Writing Style</title>…
Q: Question 1: How can you apply translate property in CSS on an image when the user hovers it with…
A: Objective: Sometimes, an image is required to move or translate from one position to another.…
Q: 02 03 04
A: <!DOCTYPE html> <html> <meta name="viewport"…
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: QUESTION 11 Write the necessary HTML code along with CSS styles to display the following menu. Main…
A: We have to create one html code with css to display given menus.
Q: HTML and Css Design a Vertical Nested NavBar, Use Font Awesome icons ( only 2)
A: Code: <!DOCTYPE html><html><head><meta name="viewport"…
Q: .Code HTML and CSS for the following: Place three images inside the display area of your web page.…
A: <!DOCTYPE html><html> <head> <style> .imgA { display: flex; flex-wrap:…
Q: In this project you wil wte the Javasoret code to create a calaulator. Good thing is that everyone…
A: script.js function getHistory(){ return document.getElementById("history-value").innerText;…
Q: 1. Open the index.html file and update the comment with your name (firstname lastname), the file…
A: <!DOCTYPE html> <!-- Student Name: Jordan Collins File Name: index.hmtl Date:…
Q: QUESTION 21 N a) Use embedded CSS style to configure a paragraph to have green text on black…
A: p.css: p{ background-color: black; color: green; } sample.html: <!DOCTYPE html>…
Q: Write a CSS style that would make the paragraphs appear in 14-point font, type: arial.
A: We have to write a CSS style that would make the paragraphs appear in 14-point font and type is…
Q: Fill in the missing HTML tag by dragging the correct HTML tag or attribute or CSS property to the…
A: <html><head><title>Q11</title> <style type="text/css">…
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: Write the html and CSS code to scroll through images
A: <div class="bg-image img1"></div><div class="bg-image img2"></div><div…
Q: write a css rule that will only affect first anchor link. Make text color of link text red, and…
A: First anchor tag is inside the td so we use group selector to select the first anchor.
Q: HTML True or False Given a paragraph located within a div container and css syling commands for the…
A: GIVEN: Given a paragraph located within a div container and CSS styling commands for the…
Q: 2. Write the CSS for an id named not:ice that is configured to 80% width and centered. 3. Write the…
A: We have to write a CSS(cascading style sheet) for HTML in the given statements.
Q: i need help with the LAB CSS and html practice The orange section:…
A: HTML CODE: <!--Starting the HTML page--> <html> <!--HTML head tag -->…
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: Style to be applied Method 1. Make the first element to have a text color #9b59b6 2. Make all…
A: Solution: CSS style in HTML file 1) make the first <h2> element to have text color #9b59b6 h2{…
Q: i cant seem to find the problem, im only using notepad. i need to recreate this. this is my…
A: The editing of the following problem is given below.
Q: Heading 2 leading 3 leading 4 leading 5 Heading with center tag. (Used Internal CSS for the styling…
A: The answer is given below.
Q: The CSS style used to change the case (capital, small, etc.) of the letters is O a. text-spacing O…
A: Actually, CSS stands for Cascading Style Sheets.
Q: Using HTML and CSS how to make a responsive image need a responsive image inside a column, I am…
A: A responsive image means an image which fits automatically to its screen size. Multiple ways are…
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: 1. Single line black border with 1px width. 2. 400 pixels width and 200 pixels height. 3. Pay…
A: To generate the given table in Html we need to use RowSpan and COlSpan to divide rows and cols.
Q: Please write the HTML, Javascript and CSS Files needed to get this result from the image
A: <!DOCTYPE html><html lan="en" and dir="ltr"><head> <meta charset="utf-8">…
Q: The following style rules should be added to styles.css: The default fonts (in order of priority)…
A: html{ font-family: "Roboto", "Helvetica", sans-serif;}/* HeadingComparison of Dealer Incentives…
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: Heading 2 Heading 3 Heading 4 Heading 5 Heading with center tag. (Used Internal CSS for the styling…
A: In the given question we need to generate the following HTML Page using HTML and Internal CSS.
Q: 1. Create HTML file with name nizwafort.html 2. Using internal CSS set the following: a. Common page…
A: Question given: Design a HTML website using CSS for display information about Nizwa Fort.…
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: Please write the HTML and CSS codes in order to get this result. For the images just place any image
A: Below are the two files:- 1. HTML - home.html 2. CSS - styles.css The complete webpage creation is…
Q: I am having some issues completing this assignment. Any help would be greatly appreciated. Thank…
A: Step 1:- Note:-I am including external CSS as an internal CSS in this code. Internal CSS is added to…
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: The HTML code below includes CSS code and Javascript code, explain the outputs of this code and…
A: Find the comments in the code <!DOCTYPE html> <html> <head> <style> body {…
Q: The CSS style used to change the case (capital, small, etc.) of the letters is O a. text-spacing O…
A: I have given an answer in step 2.
Q: Code the following new styles within the media query: a. Configure a body element selector with…
A: CSS for the give requirement . answered till option e according to Bartleby policies we can answer…
Q: Which is correct for CSS syntax Select one: O a. body {color: black;} O b. body:color=black%3; O c…
A: Css is used to show a data in proper format in web page.the above code is used to set a color as…
Step by step
Solved in 2 steps
- 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: no-repeat; 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: 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,…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 {…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; */opacity: 0.5; 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; }…Question 9 Program a CSS ruleset that will set the root font size for the HTML document to match the user's browser preference. Feedback Question 2 Program a CSS media query that is triggered if the screen is at least 900px wide, but use em as the size unit in the query. Within the media query, write a rule for an element with a id equal to header. That rule should set the font size to three times the current size. Note: You should assume the parent element's font-size is equivalent to 16px. @media screen and (min-width: 56.25em) { .header { font-size:300%; } }
- Q2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…<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…Replace the following comments with the appropriate JavaScript code. Changing color and font-size example function changeText () { // select the paragraph having "pid" as id // Change the text of the selected paragraph to Click here // Change the color of the selected paragraph to red //Change the font size of the selected paragraph to 18 points // locate the parent node of the paragraph and store the location in a variable // Change the background color of the parent to blue /head> linker
- flex container is created with six elements labeled A through F as shown. A F D E C B Which declaration produce the presentation of the elements shown in the image? Flex-direction: row; justify-content: space -between Flex-direction: row- reverse; justify-content: center Flex-direction: row- reverse; justify-content: space – around Flex-direction: row-reverse; justify – content:space-betweenWrite a program in html Create a CSS style for an H3 element, where: - colour is blue (in RGB format) - text aligned to left - text decoration red wavy underline - text transformed to uppercaseAa - A Font Paragraph Styles Describe different meta characters used in Regular Expression(with example: in your own words. (Ctrl) - 13 words Construct a regular expression for: All words of {a,b} in which b appears tripled, if 0 日