Page 122 - CodePilot V5.0 C6
P. 122
<P STYLE="FONT-SIZE: 18PX; COLOR: BLACK;">A <H1 STYLE="COLOR: DARKGREEN; TEXT-ALIGN: CENTER; FONT-SIZE: 40PX;
QR QUEST FONT-FAMILY: 'GEORGIA', SERIF; FONT-WEIGHT: BOLD; BORDER-WIDTH: 4PX;
<B STYLE="COLOR: GREEN;">fraction</B>
represents a part of a whole. For example, Visit the given link BORDER-STYLE: SOLID; BORDER-COLOR: DARKGREEN;">The Importance of Trees
in the fraction to learn CSS Fonts: </H1>
https://www.youtube.com/ <P STYLE="FONT-SIZE: 16PT; TEXT-ALIGN: JUSTIFY; COLOR: BROWN; BORDER-WIDTH:
<B STYLE="COLOR: GREEN;">1/2</B>, the
watch?v=JvSoAAkcWyY
number <B STYLE="COLOR: GREEN;">1</B> Answer the given questions: 3PX; BORDER-STYLE: DASHED; BORDER-COLOR: GREEN;">
is the numerator and the number 1. What are the key takeaways Trees are essential to life on Earth. They provide oxygen, improve air
from the given video? quality and offer shelter to various species.</P>
<B STYLE="COLOR: GREEN;">2</B> is the
2. How can you make a font </BODY>
denominator.
italic using CSS? </HTML>
</P>
</BODY> In CSS, the default font size is 16px for body
text if no font-size value is specified. MARGIN PROPERTIES
</HTML>
In CSS, margin properties are used to create space around elements, outside of their borders.
The table below lists some margin properties, their corresponding values and descriptions:
BORDER PROPERTIES
Property Name Value Description
In CSS, border properties are used to control the appearance of the edges around elements. The MARGIN-TOP Value in pixels or percentage It sets the margin space on the top
table below lists some border properties, their corresponding values and descriptions: side of an element.
Property Name Value Description MARGIN-RIGHT Value in pixels or percentage It sets the margin space on the
BORDER-STYLE NONE, HIDDEN, DOTTED, DASHED, This property sets the border right side of an element.
SOLID, DOUBLE, GROOVE, RIDGE, style for all four sides. MARGIN-BOTTOM Value in pixels or percentage It sets the margin space on the
bottom side of an element.
INSET or OUTSET MARGIN-LEFT Value in pixels or percentage It sets the margin space on the left
BORDER-WIDTH THICK, THIN, MEDIUM, Numeric This property sets the width of side of an element.
values with PX or EM an element’s border. MARGIN Value in pixels or percentage It sets the margin for all four sides.
BORDER-COLOR Colour name, RGB values or hex This property sets the colour of
code values an element’s border. Code
8 Write the HTML code to present the given web page using CSS margin properties.
Code
7 Write the HTML code to present the given web page using CSS border properties. <!DOCTYPE HTML>
<HTML>
<!DOCTYPE HTML>
<HEAD>
<HTML>
<TITLE>Using Margin Properties
<HEAD> </TITLE>
<TITLE>Using Border Properties </HEAD>
</TITLE> <BODY STYLE="BACKGROUND-COLOR: #F0F8EF; COLOR: DARKSLATEGRAY;">
<H2 STYLE="COLOR: MEDIUMBLUE; TEXT-ALIGN:CENTER;">The Human Digestive
</HEAD>
System</H2>
<BODY STYLE="BACKGROUND-COLOR: LIGHTGREEN;
<P STYLE="BORDER: 1PX SOLID GREEN; FONT-SIZE: 14PT; MARGIN-TOP: 25PX;
FONT-FAMILY: 'ARIAL', SANS-SERIF;"> MARGIN-LEFT: 30PX;">
120
CodePilot (V5.0)-VI
