Report Few Questions in Beginners Web Design Posted May 1, 2013 I'm a beginner. Can anyone help me to define the followings? Please explain to me in details. Many thanks! 1) Identify the different parts of the style: selector, declaration, class, context where the style is used. table td .content { font-size:13px; padding: 10px 5px 5px 20px; background-color:#FBF0FA; } 2) Based on the given code, describe how rectangle.gif will be positioned within the Web page. <img src="rectangle.gif" style="position:absolute;left:120px;top:80px;z-index:2;”> <img src=”square.gif” style="position:absolute;left:120px;top:100px;z-index:1;”> The image rectangle.gif has a height of 150 pixels and width of 100 pixels, and each side of square.gif has a length of 75 pixels. 3) Based on the given code, describe how the text “Winner of the 2013 Web Design Award” will be displayed within the web page. <div id="title1" style=”position:absolute;left:100px;top:1.5em;font-size:18pt;”>The Joy of Web Design <SPAN style="position:relative; left: 25px; top: 3em;font-size:14pt;">Winner of the 2013 Web Design Award</SPAN> </div>
Few Questions
in Beginners Web Design
Posted
I'm a beginner. Can anyone help me to define the followings? Please explain to me in details. Many thanks!
1) Identify the different parts of the style: selector, declaration, class, context where the style is used.
table td .content {
font-size:13px;
padding: 10px 5px 5px 20px;
background-color:#FBF0FA;
}
2) Based on the given code, describe how rectangle.gif will be positioned within the Web page.
<img src="rectangle.gif"
style="position:absolute;left:120px;top:80px;z-index:2;”>
<img src=”square.gif”
style="position:absolute;left:120px;top:100px;z-index:1;”>
The image rectangle.gif has a height of 150 pixels and width of 100 pixels, and each side of square.gif has a length of 75 pixels.
3) Based on the given code, describe how the text “Winner of the 2013 Web Design Award” will
be displayed within the web page.
<div id="title1"
style=”position:absolute;left:100px;top:1.5em;font-size:18pt;”>The
Joy of Web Design
<SPAN style="position:relative; left: 25px; top:
3em;font-size:14pt;">Winner of the 2013 Web Design Award</SPAN>
</div>