and CSS to create an element per following specifications: The element is a circle with a diameter of 50 pixels The circle is to be in a fixed position and is to be located 100 millimeters from the bottom of the webpage and 2 centimeters from the right of the webpage The circle is to have a border that is 5 pixel in width, solid and its colour is to be yellow The circle is to have a blue to lime coloured linear-gradiant background where the blue is to start from the bottom-right and lime is to finish at the top-left By hovering the mouse pointer over the circle will cause the circle to transition in 5 seconds to become invisible By clicking the circle the browser is to be r

and CSS to create an element per following specifications: The element is a circle with a diameter of 50 pixels The circle is to be in a fixed position and is to be located 100 millimeters from the bottom of the webpage and 2 centimeters from the right of the webpage The circle is to have a border that is 5 pixel in width, solid and its colour is to be yellow The circle is to have a blue to lime coloured linear-gradiant background where the blue is to start from the bottom-right and lime is to finish at the top-left By hovering the mouse pointer over the circle will cause the circle to transition in 5 seconds to become invisible By clicking the circle the browser is to be r

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter4: Graphic Design With Css: Creating A Graphic Design For A Genealogy website

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

Using HTML , CSS, and Java Script create a dashboard. Include in the dashboard a side bar ( 3 horizontal dashes, located are the top left of the webpage) a logo image above the title of the webpage. (In the center across from the sidebar (3-horizontal dashes) Then in the title of the header make it display change depending on the the hour (e.g. Good morning, good afternoon, good evening, goodnight) with images on either side of the title depending on the title. Create 4 different quadrant (boxes) two at the top and another two at the bottom. Below the 4 quadrants include an image that fits the rest of the screen. Within the image make two buttons one to start writing and the other for instructions. Make a 4 pc space around each box. Then in the very bottom of the webpage include a footer with white text and black background. Make a setting (gear) at the top right of the screen to toggle between light or dark mode. Let the whole webpage change depending on the mode (Light mode:…
HTML One way of centering a div element with class name "inner" inside of another larger div element with class name "outer" with having inner being 200 X 200 pixels and outer being 400 X 400 pixels would be: (Assume that they are nested in the html file page and NOT decoupled and self-contained) Both div elements have borders a. .inner{ margin-top:200px; margin-left:200px; } b. div { margin-top:100px; margin-left:100px; } c. .inner{ margin-top:100px; margin-left:100px; } d. .inner{ margin-left: 100px; } Given the following html, what would be the correct css to make the ul element red text <html> <head> <link rel=…
i need help with the LAB CSS and html practice The orange section: has a background color of "orange" is positioned at (110px, 200px) with absolute positioning has a 200 pixel width has a 10 pixel padding The orange-red section: has a background color of "rgb(255, 80, 0)" has white text floats to the right has a 200 pixel width has a 10 pixel padding has a right margin of 40 pixels, a top margin of 20 pixels, and all other margins set to 0
write a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peterthe direction of the linear gradient is to be from right to left and must be represented by degreesthe starting colour must be red and presented in the RGB formatthe ending colour must be blue and presented in hexadecimal format
HTML True or False One way to introduce an image and place it in a block element container is to embed it inside its own div element , then place that new div element inside the container using internal padding and internal margins.(True or false)? .central li and .central ul are both overriden (in a common selector property such as color) by both div.central li and div ul.(True or false)? Paragraphs in a vertical block structure inside a div element can be flush mounted against each other ( no separation space between them) by employing padding but not by eliminating the margin in-between them (setting margin:0px;). (True or false)? In the table element, the col or colgroup designation with class name can be used to control and override background colors but not text color.(True or false)? Given the following html, what would be the correct css to make the ul element red text . (True or false)?…
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 uppercase
You are required to design HTML page based on the following descriptions: Insert Heading in the top of your web page with the following requirement Heading: “SWEET SHOP” Size of the heading = “1” Font style= “Online book shops” Insert an image after the heading, and follow the given requirements: NOTE: You can access to the Internet and find image related to the topic. Change the Width of the image to be = “600” and the Height to be = “400” Add an alternative text that identifies the image in your web page. The alternative text should be: “Candy Shop” Add label to the image. “SWEET SHOP, 2015” Change the alignment of the image to be on the “Center” Set border to the image, the thickness of the border should be “20” Add background to you web page. The background should be image. NOTE: You can access to the internet and find an image related to the topic and fit purpose. Insert 3 links base on the following requirements: First: Add…
10. Sam is trying to determine the best way to design the background of his web page. He would like to add background images and background styles to his design. He needs to understand how browsers load a background image and learn about background style properties. Sam wants to change the position of an image on his web page. He wants to place the background image 30 pixels to the right of an element’s left edge and 30 pixels down from the top edge. Identify the correct style that Sam should use. Group of answer choices background-position: 30px; background-position: 30px 30px; background-position: t_edge, 30px; background-position: 30px vertical;
Using CSS. Create a style rule for the body element that displays the element as a grid with two columns in the proportion of 2:1 (using fr units) with a column grid gap of 20 pixels
You are required to design HTML page based on the following descriptions: Create tag to display the web page title called “IT Blog”. Change the background color of the web page to be light blue, the code of that color is “#E0F8F8”. Adjust the margins of the web page according to the given information: Left margin= 60 Margin Height= 50 Bottom margin= 40 Add heading to the web page with the following specification: Heading= “ TechTarget” Size= “1” Color=”# 074244” Font type= “Cooper Black” Add horizontal line. The size of the line is “10” the width is “75%” change the color to be “#586061” Add an introduction paragraph after the horizontal line. The size should be “3”. “TechTarget provides IT Pros with insight on the latest and most important issues in information technology through various IT blogs.” Add a sentence “Related Question:” as a sub-heading. Select “#732319” to be the font color of this sentence Size= 5…
web development: Create a full HTML page according to the following requirements: Set the web page background color to rgb(150,150,250). Add background image to the page; you can download image. Do not repeat the background image. Set the background image position to top right. Insert the largest heading with the text "Fun Park”. Set the heading background color to white. Add opacity value 0.6 to the heading.
WEB TECHNOLOGY Assume a web page contains header div and a content div below it. Header has its sub elements like logo, title and 3 links. Content div will be with its sub elements like div, headings and paragraphs.Write html code along with the style of all these elements that existing on the page in external style sheet.