Skip to main content

THERES MORE INDENTATION

{

Theres more indentation

Exercise 9.1


1. Open the file Chapter 9 - List and Links.html concurrently in your browser and text editor.

2. Modify the CSS declaration for ol and observe what happens to the Cars Ordered List. Try each of the following:

(a) list-style-type: decimal-leading-zero;
(b) list-style-type: lower-roman;
(c) list-style-type: upper-roman;
(d) list-style-type: upper-alpha;
(e) list-style-type: lower-alpha;
(f) list-style-type: lower-greek;
(g) list-style-type: none;

3. Modify the CSS declaration for ul and observe what happens to the Cars Unordered List. Try each of the following:

(a) list-style-type: circle;
(b) list-style-type: square;
(c) list-style-type: none;
(d) list-style-type: disc;

4. Add the following rule to the CSS declaration for ul:

list-style-position: outside;

Refresh the browser. Nothing changes right? That is because list-style-position: outside; is the default. Now change list-style-position: outside; to list-style-position: inside;. You’ll notice that the unordered list is shifted slightly to the right (i.e. there’s more indentation).

5. Remove the list-style-type property for ul and add the following instead:

(a) list-style-image: url("myMarker.gif");

Observe what happens to the Cars Unordered List.

6. Now let’s look at how to style hyperlinks. Try adding the following rules to the stated selector:

(a) Add color: green; to a:link{}
and observe what happens to the ‘Click Me’ link.

(b) Add font-size: 2em; to a:active{}
and click on the link.

(c) Add background-color: red; to a:hover{}
and hover your mouse over the link.

|

Theres more indentation

Exercise 9.1


1. Open the file Chapter 9 - List and Links.html concurrently in your browser and text editor.

2. Modify the CSS declaration for ol and observe what happens to the Cars Ordered List. Try each of the following:

(a) list-style-type: decimal-leading-zero;
(b) list-style-type: lower-roman;
(c) list-style-type: upper-roman;
(d) list-style-type: upper-alpha;
(e) list-style-type: lower-alpha;
(f) list-style-type: lower-greek;
(g) list-style-type: none;

3. Modify the CSS declaration for ul and observe what happens to the Cars Unordered List. Try each of the following:

(a) list-style-type: circle;
(b) list-style-type: square;
(c) list-style-type: none;
(d) list-style-type: disc;

4. Add the following rule to the CSS declaration for ul:

list-style-position: outside;

Refresh the browser. Nothing changes right? That is because list-style-position: outside; is the default. Now change list-style-position: outside; to list-style-position: inside;. You’ll notice that the unordered list is shifted slightly to the right (i.e. there’s more indentation).

5. Remove the list-style-type property for ul and add the following instead:

(a) list-style-image: url("myMarker.gif");

Observe what happens to the Cars Unordered List.

6. Now let’s look at how to style hyperlinks. Try adding the following rules to the stated selector:

(a) Add color: green; to a:link{}
and observe what happens to the ‘Click Me’ link.

(b) Add font-size: 2em; to a:active{}
and click on the link.

(c) Add background-color: red; to a:hover{}
and hover your mouse over the link.

}

Popular posts from this blog

it also blocks malicious software from accessing your network

Firewalls: Firewalls are extremely useful when it comes to protecting your computer and network from outside attacks from malicious or unnecessary network traffic. It also blocks malicious software from accessing your network. Firewalls can also be configured to block data from various locations or applications while at the same time allowing whitelisted data through. internet marketingdiscounts">There are two different types of firewalls, hardware, and software, that control different types of activities and are located in different places. Hardware firewalls, also known as network firewalls are external devices that you physically place your computer and your modem, router, or other network connection. Many internet service providers offer router s with this type of security already built in. This type of firewall is especially useful if you are in the market to protect multiple computers at once and control the various type s of activity that pass through them. The big...
Read more

THIS SORT OF ROUTING IS WHAT IS USED IN MOST MODERN DAY WEB APPLICATIONS

This Sort Of Routing Is What Is Used In Most Modern Day Web Applications If the command is executed successfully, the following Output will be shown when you run your code in the browser. Output: From the output, You can clearly see that we if browse to the URL of localhost on port 3000, you will see the string Welcome to Guru99 Tutorials displayed on the page. Because in our code, we have mentioned that our default URL would display this message. From the output, You can see that if the URL has been changed to /Node, the respective Node route would be chosen and the string "Tutorial On Node is displayed. From the output, You can see that if the URL has been changed to /Angular, the respective Node route would be chosen and the string "Tutorial On Angular" is displayed. Sample Web server using express.js From our above example, we have seen how we can decide on what output to show based on routing. This sort of routing is what is used in most modern day web ap...
Read more

choose the file option then options and the option for addins

Choose the File option then Options and the option for Add-ins. Choose the option for Manage, then COM, then add-ons and Go. From there, you will want to choose the box with the Microsoft Office Power Pivot label and select the box marked OK. Assuming you did everything right, you will now see a new tab on the primary ribbon with the name Power Pivot. Import relational data If you do choose to import relational data, Excel will automatically create a data model once multiple tables have been selected, but only if you do the following: Choose the Data option and then the option to Get External Data. This will give you the option to choose an external source that contains the tables you want to work with. The resulting window will give you the option to choose the table that you want to select. As you want to choose multiple tables, click the box that lets you select multiple tables and then select your tables. Choose the option that makes sense f...
Read more