-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ce161dd
commit 777b80f
Showing
4 changed files
with
241 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>3.1</title> | ||
| <style> | ||
| BODY { | ||
| background: #efefef; | ||
| } | ||
| .title { | ||
| font: bold 60px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-top: 50px; | ||
| } | ||
| .subtitle { | ||
| font: normal 18px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 70px; | ||
| } | ||
| .description { | ||
| font: italic 14px Calibri; | ||
| color: #99CCFF; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 4px; | ||
| margin-top: 20px; | ||
| } | ||
| .center_div1 { | ||
| width: 100px; | ||
| height: 100px; | ||
| background: lightblue; | ||
| margin: 0 auto; | ||
| } | ||
| .center_div2 { | ||
| width: 100px; | ||
| height: 100px; | ||
| background: lightblue; | ||
| display: inline-block; | ||
| } | ||
| .parent_div { | ||
| width: 100%; | ||
| height: 100px; | ||
| text-align: center; | ||
| background: #ececec; | ||
| } | ||
| .center_table { | ||
| width: 100px; | ||
| height: 100px; | ||
| background: lightblue; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <span class="title">Äîìàøêà 3.1</span> | ||
| <span class="subtitle">Âûðàâíèâàíèå áëîêà 100õ100 ïî öåíòðó</span> | ||
|
|
||
| <span class="description">margin: 0 auto (ìîæíî è ïðîñòî margin: auto)</span> | ||
| <div class="center_div1"></div> | ||
|
|
||
| <span class="description">table align="center"</span> | ||
| <table class="center_table" align="center"><tr><td></td></tr></table> | ||
|
|
||
| <span class="description"> | ||
| parent_div text-align:center;<br> | ||
| div display: inline-block;<br> | ||
| </span> | ||
| <div class="parent_div"> | ||
| <div class="center_div2"></div> | ||
| </div> | ||
|
|
||
| <span class="description"> | ||
| table text-align: center;<br> | ||
| td width: 1280px;<br> | ||
| div display: inline-block;<br> | ||
| </span> | ||
| <table style="text-align: center; background: #ececec"> | ||
| <tr> | ||
| <td style="width: 1280px"> | ||
| <div class="center_div2"></div> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>3.2</title> | ||
| <style> | ||
| BODY { | ||
| background: #efefef; | ||
| } | ||
| .title { | ||
| font: bold 60px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-top: 50px; | ||
| } | ||
| .subtitle { | ||
| font: normal 18px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 70px; | ||
| } | ||
| .description { | ||
| font: italic 14px Calibri; | ||
| color: #99CCFF; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 4px; | ||
| margin-top: 20px; | ||
| } | ||
| .center_div2 { | ||
| height: 100px; | ||
| background: lightblue; | ||
| display: inline-block; | ||
| } | ||
| .parent_div { | ||
| width: 100%; | ||
| height: 100px; | ||
| text-align: center; | ||
| background: #ececec; | ||
| } | ||
| .center_table { | ||
| height: 100px; | ||
| background: lightblue; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <span class="title">Äîìàøêà 3.2</span> | ||
| <span class="subtitle">Âûðàâíèâàíèå áëîêà, ñ øèðèíîé ïî ñîäåðæèìîìó, ïî öåíòðó</span> | ||
|
|
||
| <span class="description">table align="center"</span> | ||
| <table class="center_table" align="center"><tr><td>Some awesome content here!</td></tr></table> | ||
|
|
||
| <span class="description"> | ||
| parent_div text-align:center;<br> | ||
| div display: inline-block;<br> | ||
| </span> | ||
| <div class="parent_div"> | ||
| <div class="center_div2">Some crazy content here!</div> | ||
| </div> | ||
|
|
||
| <span class="description"> | ||
| table text-align: center;<br> | ||
| td width: 1280px;<br> | ||
| div display: inline-block;<br> | ||
| </span> | ||
| <table style="text-align: center; background: #ececec"> | ||
| <tr> | ||
| <td style="width: 1280px"> | ||
| <div class="center_div2">Some "important!" content here!</div> | ||
| </td> | ||
| </tr> | ||
| </table> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>3.3</title> | ||
| <style> | ||
| BODY { | ||
| background: #efefef; | ||
| } | ||
| .title { | ||
| font: bold 60px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-top: 50px; | ||
| } | ||
| .subtitle { | ||
| font: normal 18px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 70px; | ||
| } | ||
| .left_column { | ||
| width: 300px; | ||
| height: 500px; | ||
| float: left; | ||
| background: lightblue; | ||
| } | ||
| .right_column { | ||
| height: 500px; | ||
| background: #CCFFFF; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <span class="title">Äîìàøêà 3.3</span> | ||
| <span class="subtitle">Ñòðàíèöà èç äâóõ êîëîíîê. Ëåâàÿ øèðèíîé 300px, ïðàâàÿ çàíèìàåò âñ¸ îñòàâøååñÿ ïðîñòðàíñòâî</span> | ||
| <div class="left_column"></div> | ||
| <div class="right_column"></div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <!DOCTYPE HTML> | ||
| <html> | ||
| <head> | ||
| <title>3.4</title> | ||
| <style> | ||
| BODY { | ||
| background: #efefef; | ||
| } | ||
| .title { | ||
| font: bold 60px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-top: 50px; | ||
| } | ||
| .subtitle { | ||
| font: normal 18px Calibri; | ||
| display: block; | ||
| text-align: center; | ||
| margin-bottom: 70px; | ||
| } | ||
| .left_column { | ||
| min-width: 150px; | ||
| max-width: 300px; | ||
| height: 250px; | ||
| float: left; | ||
| background: lightblue; | ||
| } | ||
| .right_column { | ||
| height: 250px; | ||
| background: #CCFFFF; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <span class="title">Äîìàøêà 3.4</span> | ||
| <span class="subtitle">Ñòðàíèöà èç äâóõ êîëîíîê. Ëåâàÿ øèðèíîé îò 150px äî 300px, ïðàâàÿ çàíèìàåò âñ¸ îñòàâøååñÿ ïðîñòðàíñòâî</span> | ||
| <div class="left_column">Small content</div> | ||
| <div class="right_column"></div> | ||
| <br> | ||
| <div class="left_column">Larege content large content large content large content</div> | ||
| <div class="right_column"></div> | ||
| </body> | ||
| </html> |