1) Create an id named "special" for elements and give it the font family value as "arial", font size value as 25px, and color value as "blue" using internal CSS: This is a paragraph. This is a paragraph. This paragraph has CSS styling.

1) Create an id named "special" for elements and give it the font family value as "arial", font size value as 25px, and color value as "blue" using internal CSS: This is a paragraph. This is a paragraph. This paragraph has CSS styling.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter5: Designing For The Mobile Web: Creating A Mobile Website For A Daycare Center

Section: Chapter Questions

Problem 10RA

See similar textbooks

Similar questions

Write a css style like, the title is list, Declare a css rule with an id selector, set the font size to double, and display the text "work" apply the id selector to a <b> tag for the display of text "john"
Please answer only 4 and 5 as this is already a repost.
Hi all, could you please write a code that links external CSS file to an HTML5 document. The CSS file contains the following attributes for text stroke (-webkit- text-stroke, font-size, and color) with values from your choice. You should also include the needed styles that allow two background images to appear in the .document
Use jQuery to create a launcher with the properties below. The data files include all the necessary HTML and CSS code; you do not need to modify the HTML or CSS. Add the necessary jQuery code to make the launcher work. Your launcher should have the following properties: The launcher starts hidden from the page. When the user clicks the launcher button (bar at top of page), three things happen: The launchpad slides down. It takes 1/2 second to slide down. The "instructions" paragraph fades in. It takes 1/2 second to fade in. The red box that you are going to animate ("box") appears. Each of the three icons that appears on the launchpad is a button ("one", "two", "three"). When the user puts the mouse over the button, it animates the red box. When the user moves the mouse out, the box animates back to its original size and position. The three animations: One: The box moves 300px to the right, and grows in width and height by 150px. Two: The box shrinks by 125px in width and…
Note: The remaining buttons and paragraphs do not have id attributes. You will need to construct selectors to meet these challenges. For the following I need the Javascript code not the HTML code. In the "myPage" section, select the third button and assign a "click" listener. When clicked, it should change the text content of the third paragraph in the "myPage" section to "Third button clicked." ///////// // HINT: You should look at the HTML carefully to // make your selectors. In the "myPage" section, select the fourth button and assign a "click" listener. When clicked, it should add a class named "fourthPara" to the fourth paragraph in the "myPage" section. In the "myPage" section, select the fifth button and assign a "click" listener. When clicked, it should toggle the class named "fourthPara" for the fifth paragraph in the "myPage" section. In the "myPage" section, select the sixth button and assign a "click" listener. When clicked, it should change the text content of the sixth…
Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…
Create design.
In the lesson5_project folder, open the styles.css file in your css folder. Add a style that sets the body's font family to sans-serif. Add a class called text-center and set the property to align text to the center. Open the index.html file. Set up your index file like you did from previous lessons. Tip: Use emmet here. Type an exclamation point and hit tab. All the information you need will be added to the index file. In the title tag, add Lesson 5 Project. Add an h1 tag with the title Lesson 5 Project, and apply the text-center class to it. Make sure your main.js file is linked in your HTML file. Make sure your styles.css file is linked in your HTML file. Create a p tag with an id of result. Now, copy/paste the JavaSCript you see below into your main.js file. /*Problem: The principal of a school needs to know the percentage of students in the school that submit their homework. (This should be calculated by first determining the homework submission per student in each…
Fill in the blanks: (CLO 2) 1. Using the element allows you to use external style sheets in your pages. 2. To apply a CSS rule to more than one element at a time, separate the element names with a(n). 3. The over the specified element. pseudo-class is activated when the user moves the mouse cursor 4. The the contents are using absolute positioning property used to decide which content should appear on top if 5. The document property is used to display background image of the
The following screenshot of the webpages includes 2 styled paragraphs. In the table below, match the CSS properties to the values that match the styles used in the screenshot. Rainbow lorakeets The rainbow lorikeet is a medium- sized parrot. The head is deep blue with a greenish-yellow nuchal collar, and the rest of the upper parts (wings, back and tall) are deep green. The chest is red with blue-black barring. The belly is deep green, and the thighs and rump are yellow with deep green barring. In flight a yellow wing-bar contrasts clearly with the red underwing coverts. There is little to visually distinguish between the sexes; however, to a keen observer of their colouring and behaviour, their dimorphism is readily apparent. property value border 4px dashed rgb (219, 28, 28) margin 5px padding 15px color yellow font-weight bold
4.1 Create a button with an ID called "btn" and add the following text inside the button:PLEASE CLICK ME! Create a CSS style element and use the button ID as the CSS selector to add styling for the button. (A complete HTML layout should be used! 1. Add a background color blue and change the text color to white. Remove the border.2. Change the font to Calibri. Add Arial as a fallback font3. Change the font size to 20px4. Add inline CSS to your button and change the text color to red5. What is the final color ct the text on the button? Why is this the color that we see instead of the other?
A 3-digit number should be entered in the CSC box. If something other than a 3 digit number is entered, the box should wiggle back and forth to indicate invalid data. That is not currently happening. Open the code8-4_debug.css file. Study the code that applies the transition effect to the input#csc object when invalid data is entered. Correct any mistakes in the code that you find. Verify that when you enter invalid data in the CSC box, the box wiggles back and forth to indicate that the data is not valid.