div

:

htmlcss

What will be the margin between two blocks <div> and <p>? <body> <div id="d1">...</div> <p id="p1">...</p> </body> #d1 { margin-bottom:30px; padding:0; } #p1 { margin-top:20px; padding:0; }

htmlcss

There are 4 blocks, how many green ones? <div class="first"></div> <div class="second"></div> <div class="third"></div> <div class="fourth"></div> div{width:50px;height:50px;} .first{background: rgba(0,255,0,1);} .second{background: rgba(255,0,0,1);} .third{background: rgba(0,255,0,0);} .fourth{background: rgba(0,0,255,1);}

htmlcss

How can you center an image (in relation to parent block) ? If the conditions are: div#parent - the parent block; img - an image which has to be centered. Choose correct statements for realization.

htmlcss

There is HTML with a nested stylesheet: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Margin test</title> <style type="text/css"> #div1 { position: absolute; width: 200px; height: 100px; border: none; padding: 0; background: green; } #div2 { margin-top: 20%; border: none; padding: 0; background: red; color: red; } </style> </head> <body> <div id="div1"> <div id="div2">*</div> </div> </body> </html> What will be the margin-top value for the block with identifier div2 calculated in pixels?

htmlcss

What height will the <div> have with the wrapper class, if the following HTML markup and external stylesheet are given below: HTML – markup: <div class="wrapper"> <div class="block1"> </div> <div class="block2"> </div> </div> CSS – rules: .wrapper { width: 300px; overflow: hidden; } .block1 { margin: 50px 0; height: 100px; } .block2 { margin: 50px 0; height: 100px; }