font size in css
The font-size property sets the size of the Font. Being able to manage the Font size is important in web design. However, you should not use font size adjustments to make paragraphs look like headings, or headings look like paragraphs.
Set Font Size with Pixels
Setting the text size with pixels gives you full control over the text size:
Example :
h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}
The example above allows Internet Explorer 9, Firefox, Chrome, Opera, and Safari to resize the text. Set Font Size with Em To avoid the resizing problem with older versions of Internet Explorer, many developers use em instead of pixels.1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
Example :
h1 {font-size:2.5em;} /* 40px/16=2.5em */In the example above, the text size in em is the same as the previous example in pixels. However, with the em size, it is possible to adjust the text size in all browsers.
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
Example:
<HTML>
<HEAD>
<STYLE>
BODY{
BACKGROUND-COLOR: MAROON ;
}
H1{
FONT-SIZE:40PX;
COLOR:FUCHSIA;
TEXT-ALIGN:CENTER;
BACKGROUND-COLOR:GRAY;
}
P.PARA1{
FONT-SIZE:40PX;
}
P.PARA2{
FONT-SIZE:2.5EM;
FONT-STYLE:ITALIC;
}
</STYLE>
<TITLE> CSS EXAMPLE-FONT</TITLE>
</HEAD>
<BODY>
<H1> WELCOME TO MY FIRST WEB PAGE </H1>
WE ARE THE STUDENT OF DCSA PROGRAM
<P CLASS=PARA1>WE LOVE BANGLADESH</P>
<P CLASS=PARA2>WE LOVE BANGLADESH</P>
</BODY>
</HTML>
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন
Comment below if you have any questions