Question: HTML and CSS code are given bellow. Draw a DOM tree, CSSOM tree and render tree. HTML code: HOME SHOP CONTACT Welcome to exam CSS

HTML and CSS code are given bellow. Draw a DOM tree, CSSOM tree and render tree.

HTML code:

HOME
SHOP
CONTACT

Welcome to exam

CSS code: body{ background-image: url(../img/back.jpg); background-position: center; } #logo img{ float: left; height: 100px; } .container{ margin: auto; padding-top: 100px; } ul{ float: right; list-style-type: none; margin-top: 40px; } ul li{ display: inline-block; } ul li a{ text-decoration: none; color: #ffffff; padding: 5px 20px; border: 1px solid #ffffff; } ul li a:hover{ background-color: white; color: black; transition: 0.6s; }

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

can you please help me solving this it is E- Commerce Cours TRY IT OUT Writing Your First CSS In this Try It Out you will write some CSS that changes the appearance of a header and two paragraphs....

Make a JavaScript Slider using the instructions below: Follow the instructions step by step to achieve the final output. Also put the code in right place where it belongs to. If you see CSS code it...

This assignment tests your understanding of basic HTML and CSS. You will create several files related to a recipe web site for a fictional pie company named Granny's Pies. Turn in the following...

Write the CSS necessary to recreate the appearance provided to you as p1 screenshot. Most of the HTML code is given to you (in problem1 folder); the code given may not be modified (the provided file...

Create an HTML home page based on this sketch given and any following rules given below. Remember that your html file should feature only the content and structure of your home page. Make sure your...

Begin constructing a CSS3-compliant style sheet, which affects the appearance of your home page to match the proposed sketch. The file extension should be .CSS . Remember, HTML code should address...

n the Assign3 folder created in Week 1 , use a text editor like Notepad++ to create an HTML5 homepage called index.html . This homepage should contain some information about yourself. If you want you...

Begin constructing a CSS3-compliant style sheet, which affects the appearance of your home page to match the proposed sketch. The file extension should be .CSS . Remember, HTML code should address...

Task 1: The Website Folder. Create a folder on your hard drive or portable storage device called javajam4. Copy all the files from your Chapter 3 javajamcss folder into the javajam4 folder. Obtain...

The walls of a prison cell are perpendicular to the four cardinal compass directions. On the first day of spring, light from the rising Sun enters a rectangular window in the eastern wall. The light...

A strip of copper 150m thick and 4.5 mm wide is placed in a uniform magnetic field B of magnitude 0.65 T, with E perpendicular to the strip. A current i = 23 A is then sent through the strip such...

k e = required return R f = risk - free rate of return R m = market rate of return B = beta of stock, representing the sensitivity of a stock's returns to market returns Consider Coleman Co . , a U ....

Define the term equivalent unit and explain how the concept is used in process costing.