Getting Started with HTML by Lentzner Remy;

Getting Started with HTML by Lentzner Remy;

Author:Lentzner, Remy;
Language: fra
Format: epub, pdf
Publisher: Editions Remylent
Published: 2021-01-17T08:12:21+00:00


2.4.2 Inheritance

We speak about Style inheritance when a property is defined in the <style> part, and applies to other tags in the page body. For example, let’s assume a list of words below each other. You can define several styles (bold, size 15, red) within a <style> tag that will apply to the words, defined in the <body> tag. The style group is considered to be the parent and the words will be considered to be the children, which inherit the parents' styles.

The code below illustrates this property inheritance.

<html>

<head>

<style>

.list {

/*A bullet for each element*/

list-style-type:circle;

/* list width*/

width: 200px;

/* list height*/

height: 30px;

/* I display per block*/

display:block;

/* The text is left aligned*/

text-align: left;

/* simple text*/

text-decoration:none;

/* red color for the text*/

color:red;

}

</style>

</head>

<body>

<ul class="list">

<li><a href="" >WorkSheets</a></li>

<li><a href="">Word Processing</a></li>

<li><a href="">Macros</a></li>

<li><a href="">Others</a></li>

</ul>

</body>

</html>

In the <body> tag, the different texts inherit the different properties defined in the <style> tag. Comments begin with /* signs and end with */ signs.

Figure 2.4 displays the list.



Download



Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.