How to use firefox or chrome web inspectors

Assignment Help Computer Engineering

Reference no: EM133369103

Objective: Obtain effiency for styling pages specifically for various layout designs:

Reminder: practice using your browser's page inspection resources!

How to Use FireFox or Chrome Web Inspectors

FireFox Developer Tools is a Firefox add-on that lets you dynamically examine or modify the content and styling of web pages. It comes pre-installed with the Fire-Fox browser. To open it, right-click an element and choose Inspect Element. The Chrome Web Inspector tool behaves the same way, and comes conveniently built-in with Chrome. You can launch both by hitting F12 while in your browser.

Here is a link to Check out the more on the Chrome Dev-Tools Browser .

1. Arrange Your Page into Sections

2. Spacing with Padding and Margins, Backgrounds

3. Float, Alignment and Clear

4. Flexbox

Exercise 1: Layout a skeleton

Download this >>> Skeleton HTML & Support image Files and open the webpage in your text editor (Sublime, Atom, Notepad++, etc.). Recall that you can download an HTML file by either right-clicking the link and selecting "Save As..." to save in a local folder of your choice, and you can download an image by right-clicking the image and selecting "Save As..." in the same manner (as you'll see in example.html, the path to the support image assumes it is in the same directory as the HTML file).

Reference no: EM133369103

Questions Cloud

Write down a script to create the format for furniture store : COMP 68 St. Lawrence College Write down a script to create the Format for Furniture stores employee Print Employee name, EMPage, Salary and City

List the cash flows and their timing for the seller : A default occurs after 3 years, and the calculation agent estimates that the price of the cheapest deliverable bond is 30% of its face value shortly

How this peculiar adaptation helps cistus plant long term : Watch the video above and discuss how this very peculiar adaptation helps the cistus plant long term! Find another example of an interesting/weird.

What is the cut-off default probability : The bank can finance these loans at the risk-free rate of 1.25% p.a. What is the cut-off default probability? What implication does this result have

How to use firefox or chrome web inspectors : CSC 4370 Georgia State University Obtain effiency for styling pages specifically for various layout designs - How to Use FireFox or Chrome Web Inspectors

What would your rate of return be if you bought : what would your rate of return be if you bought a convertible bond today and sold it in one year? Assume on this date next year, the conversion premium

Design a three-tier architecture that follows aws : Design a three-tier architecture that follows AWS best practices by using services such as Amazon Virtual Private Cloud (Amazon VPC)

What are the opportunities and risks of cross-shareholders : In what ways did strategic alliance of Nissan, Renault, and Mitsubishi benefit them? What are the opportunities and risks of cross-shareholders alliance?

What should you recommend to the customer to help : upgrade might experience difficulty locating frequently used features. What should you recommend to the customer to help with this transition

User Account

All Pages