2. Write the CSS for an id named not:ice that is configured to 80% width and centered. 3. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. 4. Write the CSS to configure an h1 element selector with drop- shadow text, a 50% transparent background color, and sans-serif font that is 4em in size. 5. Write the CSS to configure an id named feature with small, red, Arial font; a white background; a width of 80%; and a drop shadow.

2. Write the CSS for an id named not:ice that is configured to 80% width and centered. 3. Write the CSS to configure a class that will produce a headline with a dotted line underneath it. Choose a color that you like for the text and dotted line. 4. Write the CSS to configure an h1 element selector with drop- shadow text, a 50% transparent background color, and sans-serif font that is 4em in size. 5. Write the CSS to configure an id named feature with small, red, Arial font; a white background; a width of 80%; and a drop shadow.

EBK JAVA PROGRAMMING

9th Edition

ISBN:9781337671385

Author:FARRELL

Publisher:FARRELL

Chapter15: Using Javafx And Scene Builder

Section: Chapter Questions

Problem 17RQ

See similar textbooks

Similar questions

Create an infinite animation of an element moving in a square pattern. Write a CSS rule that changes the color of all elements containing attribute class = "green-Move" to green and shifts them down 25 pixels and right 15 pixels. 3. When the user hovers over an image, the size of the image should increase by 20%. Create a transformation program that includes four images.
I believe I am close to having this correct but would like to check. Write the CSS to configure a grid for an id named container that has two columns and two rows. The first row is 100 pixels high. The first grid item in the second row takes up 75% of the width.
Help me solve this task. Insert the following declarations to the style rule for the square class selector. For each declaration, you must first include a declaration with the -webkit- prefix, followed by the standard declaration. Animation name property that specifies the name of the @keyframes rule animation. Animation duration property with a value of 5 seconds. MY CSS /* CSS reset */ body, header, main, section, footer, h1, h2 { margin: 0; padding: 0; border: 0; } /* Style rule for body */ body { background-color: #f0d8d1; } /* Style rules for header */ header { padding: 3%; text-align: center; font-size: 1.5em; font-weight: bold; } /* Style rules for main content area */ main { font-family: Verdana, Arial, sans-serif; font-size: 1em; margin: 0 2%; padding: 1em; background-color: #fff; border: 5px double #33091b; padding: 2%; } h2 { padding-bottom: 1%; } section { margin-bottom: 3%; } button { height: 3em;…
Using Javascript Write a page that displays a balloon (using the balloon emoji, ?). When you press the up arrow, it should inflate (grow) 10 percent, and when you press the down arrow, it should deflate (shrink) 10 percent. You can control the size of text (emoji are text) by setting the font-size CSS property (style.fontSize) on its parent element. Remember to include a unit in the value—for example, pixels (10px). The key names of the arrow keys are "ArrowUp" and "ArrowDown". Make sure the keys change only the balloon, without scrolling the page.
I'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: The text is blue The text is green The text is cyan
Write the CSS for an id with the following attributes: float to the left of the page, light tan background, Verdana or sans-serif large font, and 20 pixels of padding.
Create a products.html page and add five product images to the page. Create a Product class for each product with the following attributes: Price, Name, Description and Id for each of the product images. Under each product image add an "add to cart" button. Make the id property of the button the id for the product. Add a remove from cart button on each item as well. Create a ShoppingCart.js file (javascript) and include it in the products.html page (<script src ="shoppingcart.js">). In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the…
You view a web page and watch an element expand in size and move upward as you roll over it with your mouse pointer. If this animation was created using the jQuery library, then these effects were achieved by gradually changing the values of several CSS properties for the element. Select one: True False
Create a products.html page and add 5 product images to the page. Create a Product class with the following attributes: Price, Name, Description and Id for each of the product images. Under each product image add an "add to cart" button. Make the id property of the button the id for the product. Add a remove from cart button on each item as well. Create a ShoppingCart.js file and include it in the products.html page. In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the items in the cart. At the top right of the page add a link that says (0)…
Make sure to place the CSS code in the "start.css" file and adjust it according to your requirements. Note: The code assumes that you have appropriate CSS styles to handle the card flipping animation and the `.flipped` class to flip the cards. You can add those styles in the "start.css" file.here is the css: body{ background-image: url(startt.png); background-repeat: none; background-size: cover; margin: 0; padding: 0; overflow: hidden; } img{ height: 190px; width: 140px; border-radius: 10px; } .images img:hover { transform: scale(1.2); box-shadow: 0 0 10px 3px hotpink; } .whole{ display: grid; grid-template-columns: repeat(4, 0fr); grid-template-rows: repeat(3, 0fr); padding: 0px; margin-left: 460px; margin-top: 50px; } .images{ padding: 10px; text-align: center; } #back{ color: #191970; font-family: "Franklin M54"; src: url("Franklin M54"); font-size: 20px; margin-left: 10px; } #back a:hover{ background-color: #FFC7D9; display:…
Accessible Document Design: Reformat the following text by using highlighting techniques. In other words, make an outlined format of the processes stated in the box. Consider using bullets or numbers, headings, boldface or underlining, and white space. Turn on the machine to make a pie chart using your word processing package’s graphic components. Once it has booted up, double click on the word processing icon. After the system is open, click on "graphic," scroll down to "chart," and double click. Next, click on "data chart types" and select "pie." Once you have done this, input your new data into the "data sheet." After this has been completed, click anywhere on the page to import your new pie chart. If you want to make changes, just double click inside the pie chart, and then you can revise according to your desires.
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: • a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en- US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes Document Ⓒ File /Users/cg-admin/Desktop/TEMP/Assignment%20G%20CVS1-12... ✰ Name Breed Tabby Siamese Ragdoll Ronald Tabby Dom Felix Cutest Kittens Competition Fifi Points 6000 5150 2150 Rank 1 2 3 Disqualified for bad behaviour Update