Which of the following shows correct way to set a text responsive? a. p {font-size: 100%;} b. p {font-size:20 px; responsive;} c. p {font-size: 20 vw;} d.
Q: .Use the edit icon to pin, add or delete clips.Use the edit icon to pin, add or delete clips.Welcome…
A:
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: Assume your html file contains the following subset of code and already has a link to a javascript…
A: Solution: Given, <p> <label for="comments"> Enter Comments: </label>…
Q: Today Is Wednesday. Hello! I "am sleepy and" I want to go home. htal head A titlehony here Afoday…
A: HTML code to generate the required output: <html> <head> <title>Johny…
Q: For the following style rules, what is the font size of the h1 heading in pixels? body {font-size:…
A: Given: For the following style rules, what is the font size of the h1 heading in pixels?body…
Q: Which of the following sequences is graphic? O (4, 5, 5, 5, 5, 6, 6, 6) O (6, 6, 6, 6, 6, 6) O (0,…
A: "Because of Our Bartleby policy, we can solve one question at a time if need rest of the answer…
Q: ImageView E LinearLayout (vertical) I Linearlayout (horizontal) E LinearLayout (vertical) vE…
A: Given, Component tree : We have to write an XML code according to the given component tree.…
Q: Instructions: Perform the following tasks: 1. Open the styles.css file in your text editor. Below…
A: I have mentioned a code in step 2 , please find in below
Q: I have to call meta fields from current post id in HTML Add to Calendar 03/25/2022 08:00 AM…
A: <div title="Add to Calendar" class="addeventatc">Add to Calendar<span…
Q: What is the CSS property used to style text as all lowercase or uppercase? text-transform…
A: Answer: Option A text-transform
Q: Which of the following properties is used to increase or decrease the size of a font? a.…
A: In HTML we can increase or decrease the font size with the help of the font family by using it in…
Q: Which item is placed at the end of a word document page? Select one: a. Footer b. All of these c.…
A: The header is a component of the document that shows in the top margin, whereas the footer appears…
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: 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: 27 In Ms-Word, which section setting needs to be done for designing a poster in a blank a document?…
A: In Ms-Word, setting needs to be done for designing a poster in a blank a document:- Page setup…
Q: 4) Stage a2 (assess) Assignment 1: Create Frames as follows: O Khecilev Test Kherkke Test Watch the…
A: Stage a2(assess) Assignment 1 : Create Frame as Follows :
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: Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue…
A: Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue…
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: 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: Instructions: Perform the following tasks: 1. Open the styles.css file in your text editor. Below…
A:
Q: What is the difference between jinja HTML templates from HTML files? (Please select your answer in…
A: Your question is about What is the difference between jinja HTML templates from HTML files? And you…
Q: Which one of the following is the correct code to create this image? var picture = new…
A: Option C var picture = new SimpleImage("chapel.png")var result =…
Q: 22 Which of the following is not a font style in Ms-Word? Select one: a. Italics b. Bold c. All are…
A: Question 22. Which of the following is not a font style in Ms-Word? Select one: a. Italics b. Bold…
Q: JavaScript code
A: Given :- The programming language use is Java Script as mention in the above given question Need…
Q: I have loaded in the csv file : starwars.csv How should I code to count how many males are in the…
A: The answer for the above question I as follows
Q: Using EF Rm On arus Using Embedded style do the following following for this : Change the background…
A:
Q: Which of the following is considered a slide object? bullet O paragraph O placeholder O border
A: The correct answer is Placeholder
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: 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: Which of the following font effect is not available in PowerPoint Font dialog box Select one: a.…
A: Power Point Font dialog box:
Q: 1. WHICH OF THE FOLLOWING STATEMENTS ABOUT SGRIBUS IS CORREGT? A. SPECIAL EFFECTS CAN BE APPLED TO…
A:
Q: A good rule of thumb when deciding on line spacing is: a. Use single space for print documents and…
A: Note: Answering the first question as per the guidelines. Line Spacing : This term is used to…
Q: Provide the LATEX command to specify a document with the following features: a book; 10pt font size;…
A: LaTeX is the standard for typesetting mathematical data and plain text. It is used for document…
Q: Which of the following layout is available in powerpoint? Select one: a. Picture without caption…
A: The predefined layouts include a Title slide to begin with, a general Title and Content layout, a…
Q: what is wrong this code???? JAVASCRIPT when I open it in my browser, the input box does not come up
A: The error in your code was ( 2 things i found when i tried to work on your code) 1. " "( Changed the…
Q: of MS Office that saves the document automatically after certain interval? Which feature is used to…
A: Q1 ' A feature of MS Word that saves the document automatically after certain interval is available…
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: By using the program below: Kindly use CSS, Set the text color for the page to "red", and the text…
A: <!DOCTYPE html> <html> <head> <style> body{ color: red; } h1{…
Q: Which of the following is the default page setup orientation for slides in PowerPoint? Select one:…
A: -Page setup on a powerpoint is the form in which the powerpoint sheets are viewed . - We can change…
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: Which of the following is not a font style? О а. Вold O b. Regular O c. Superscript d. Italics
A: Font Style is known as the representation of the text in different styles.
Q: 1. WHICH OF THE FOLLOWING STATEMENTS ABOUT SCRIBUS IS CORRECT? A. SPECIAL EFFECTS CAN BE APPLIED TO…
A: In this question We have to answer about the Cascade Style Sheet. Let's Answer the given question
Q: 3- According to HTML code, which color will be the background color of the paragraph that has text…
A: The class name for the paragraph that has text "Second line" is "f-bg2" All the properties written…
Q: What does the following code do? document.getElementsById("firstLetter").style.fontSize =…
A: if the given statement was document.getElementById("firstLetter").style.fontSize = "18px"; then the…
Q: You must add a canvas. Then ask the user to click ok if he enjoyed 2020 and cancel if he did ne…
A: Canvas is created using <canvas> tag. if-else statement is used in javascript to check if the…
Q: body { background-color: #556271; margin: 0 10%; font-family: sans-serif; color: white; } h1 {…
A: <html> <head> <style>body {background-color: #113CFC;margin: 0px;…
7-
Which of the following shows correct way to set a text responsive?
p {font-size: 100%;}
p {font-size:20 px; responsive;}
p {font-size: 20 vw;}
p {font-size: auto;}
Step by step
Solved in 2 steps
- <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…<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 {…
- 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>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 Georgia, serif;text-shadow: .1em .1em .2em gray;}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"><title>About me</title></head><body> <header><h1>Black Goose Bistro • Summer Menu</h1> <div id="info"><p>Baker's Corner, Seekonk,…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; 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/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-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; }…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,…Murach's javascript and Jquery 4th edition (ch9 animation) I need help with this assignment, please. thanks Modify a carousel to use animationIn this exercise, you’ll modify a carousel application so that when an image in the carousel is clicked, an enlarged image is displayed using animation.1. Open the application in this folder:carouselThen, run the application and notice that an enlarged image of the first book in the carousel is displayed.2. Review the HTML for the application, and notice that it contains an img element with an id of “image” following the heading. Also notice that the href attributes of the <a>elements in the carousel are set to the URL of the enlarged image to be displayed when the associated carousel image is clicked.3. Code an event handler for the click event of the <a> elements in the list. This event handler should start by getting the URL for the image to be displayed. Then, it should assign this URL to the enlarged image.4. Add animation to…
