Трофимов Павел #55
There are no files selected for viewing
This file contains hidden or 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,105 @@ | ||
| .container | ||
| { | ||
| border: 2px double black; | ||
| font-size: 18px; | ||
| font-family: 'Times New Roman', serif; | ||
| } | ||
|
|
||
| .page-name | ||
| { | ||
| font-size: 120px; | ||
| font-family: 'Times New Roman', serif; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .page-info | ||
| { | ||
| font-size: 15px; | ||
| text-align: right; | ||
| } | ||
|
|
||
| article | ||
|
There was a problem hiding this comment. Лучше использовать селекторы по классам, возможна ситуация, когда на странице есть несколько элементов |
||
| { | ||
| column-count: 2; | ||
| column-rule: 1px solid black; | ||
| } | ||
|
|
||
| article h2, | ||
| h3 | ||
| { | ||
| column-span: all; | ||
| margin: 0 5%; | ||
| } | ||
|
|
||
| h2 | ||
| { | ||
| font-size: 40px; | ||
| } | ||
|
|
||
| article em | ||
| { | ||
| column-span: all; | ||
|
There was a problem hiding this comment. Обрати внимание, это свойство у тебя не срабатывает для |
||
| } | ||
|
|
||
| em | ||
| { | ||
| font-size: 15px; | ||
| } | ||
|
|
||
| .section | ||
| { | ||
| text-align: center; | ||
| font-size: 40px; | ||
| } | ||
|
|
||
| .first-column, | ||
| .second-column, | ||
| .third-column | ||
| { | ||
| float: left; | ||
|
There was a problem hiding this comment. Свойство |
||
| width: 33%; | ||
| } | ||
|
|
||
| .earth-img | ||
| { | ||
| width: 95%; | ||
|
There was a problem hiding this comment. Высоту картинки тоже нужно указывать |
||
| margin-left: 2.5%; | ||
| } | ||
|
|
||
| .weather | ||
| { | ||
| border: 1px solid black; | ||
| width: 95%; | ||
| margin-left: 2.5%; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| .weather h3 | ||
| { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .first-column | ||
| { | ||
| border-right: 1px solid black; | ||
| min-height: 100%; | ||
| } | ||
|
|
||
| .third-column | ||
| { | ||
| border-left: 1px solid black; | ||
| min-height: 100%; | ||
| } | ||
|
|
||
| h2, | ||
| p | ||
| { | ||
| margin: 0 2.5%; | ||
| } | ||
|
|
||
| .container:after | ||
| { | ||
| clear: both; | ||
| display: block; | ||
| content: ''; | ||
| } | ||
This file contains hidden or 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 |
|---|---|---|
| @@ -1,8 +1,113 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>markup-task-4</title> | ||
| <link rel="stylesheet" type="text/css" href="index.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <header> | ||
| <div class="page-name">Ведомости</div> | ||
|
There was a problem hiding this comment. Для заголовков есть специальные теги |
||
| </header> | ||
| <hr> | ||
| <p class="page-info">Выпуск от 30.10.2016 №10</p> | ||
|
There was a problem hiding this comment. Дату можно обернуть в специальный тег |
||
| <hr> | ||
| <div class="page-body"> | ||
|
|
||
| <div class="first-column"> | ||
| <div class="section">Интересное</div> | ||
|
|
||
| <article> | ||
| <h3>Планета Земля</h3> | ||
| <p>Зем­ля - тре­тья от Солн­ца пла­не­та. Пя­тая по | ||
| раз­ме­ру сре­ди всех пла­нет Сол­неч­ной | ||
| си­сте­мы.Она яв­ля­ет­ся так­же круп­ней­шей | ||
| по диа­мет­ру, мас­се и плот­но­сти сре­ди пла­нет | ||
| зем­ной груп­пы.</p> | ||
| <hr> | ||
| <em>Зем­ля - един­ствен­ное из­вест­ное че­ло­ве­ку | ||
| на дан­ный мо­мент те­ло Сол­неч­ной си­сте­мы | ||
| в част­но­сти и Все­лен­ной во­об­ще, | ||
| на­се­лён­ное жи­вы­ми ор­га­низ­ма­ми.</em> | ||
| <hr> | ||
| <p>Пред­по­ло­жи­тель­но жизнь по­яви­лась на Зем­ле | ||
| при­мер­но 4,25 млрд лет на­зад, то есть вско­ре по­сле её | ||
| воз­ник­но­ве­ния. С тех пор био­сфе­ра Зем­ли | ||
| зна­чи­тель­но из­ме­ни­ла ат­мо­сфе­ру и | ||
| про­чие абио­ти­че­ские фак­то­ры, обу­сло­вив | ||
| ко­ли­че­ствен­ный рост аэроб­ных ор­га­низ­мов, | ||
| а так­же фор­ми­ро­ва­ние озо­но­во­го слоя, | ||
| ко­то­рый вме­сте с маг­нит­ным по­лем Зем­ли | ||
| ослаб­ля­ет вред­ную для жиз­ни сол­неч­ную | ||
| ра­ди­а­цию, тем са­мым со­хра­няя усло­вия | ||
| су­ще­ство­ва­ния жиз­ни на Зем­ле.</p> | ||
| <p>При­бли­зи­тель­но 71% по­верх­но­сти | ||
| пла­не­ты за­ни­ма­ет Ми­ро­вой оке­ан, | ||
| осталь­ную часть по­верх­но­сти за­ни­ма­ют | ||
| кон­ти­нен­ты и ост­ро­ва. На ма­те­ри­ках | ||
| рас­по­ло­же­ны ре­ки, озё­ра, под­зем­ные | ||
| во­ды и льды, вме­сте с Ми­ро­вым оке­а­ном они | ||
| со­став­ля­ют гид­ро­сфе­ру. Жид­кая во­да, | ||
| не­об­хо­ди­мая для всех из­вест­ных жиз­нен­ных | ||
| форм, не су­ще­ству­ет на по­верх­но­сти ка­кой-ли­бо | ||
| из из­вест­ных пла­нет и пла­не­то­и­дов | ||
| Сол­неч­ной си­сте­мы, кро­ме Зем­ли.</p> | ||
| </article> | ||
| </div> | ||
| <div class="second-column"> | ||
| <img class="earth-img" src="https://goo.gl/OuaQf3" alt="Земля"> | ||
|
There was a problem hiding this comment. У тега |
||
| <article> | ||
| <p>Зем­ля от­но­сит­ся к пла­не­там зем­ной груп­пы, | ||
| и в от­ли­чие от га­зо­вых ги­ган­тов, та­ких как | ||
| Юпи­тер, име­ет твёр­дую по­верх­ность. Это круп­ней­шая | ||
| из че­ты­рёх пла­нет зем­ной груп­пы в Сол­неч­ной | ||
| си­сте­ме, как по раз­ме­ру, так и по мас­се. Кро­ме то­го, | ||
| Зем­ля сре­ди этих че­ты­рёх пла­нет име­ет наи­боль­шие | ||
| плот­ность, по­верх­ност­ную гра­ви­та­цию и | ||
| маг­нит­ное по­ле. Это един­ствен­ная из­вест­ная | ||
| пла­не­та с ак­тив­ной тек­то­ни­кой плит.</p> | ||
| <hr> | ||
| <em>Автор: Иванов И.И.</em> | ||
| </article> | ||
| </div> | ||
| <div class="third-column"> | ||
| <div class="section">Новости спорта</div> | ||
|
|
||
| <article> | ||
| <h3>Новый тренер ХК "Автомобилист"</h3> | ||
| <p>В "Ав­то­мо­би­ли­сте" офи­ци­аль­но | ||
| под­твер­ди­ли на­зна­че­ние Вла­ди­ми­ра | ||
| Кри­ку­но­ва глав­ным тре­не­ром ко­ман­ды.</p> | ||
| <em>– Вла­ди­мир Ва­си­лье­вич очень опыт­ный тре­нер. | ||
| С од­ной сто­ро­ны, с боль­шим по­бед­ным опы­том, а, | ||
| с дру­гой – он ча­сто вы­во­дил ко­ман­ды в плей-офф. | ||
| Он успеш­но ре­шал те за­да­чи, ко­то­рые сто­ят в этом | ||
| се­зо­не пе­ред "Ав­то­мо­би­ли­стом". | ||
| Плюс он не чу­жой че­ло­век для Ека­те­рин­бур­га, так | ||
| как он воз­глав­лял "Ди­на­мо-Энер­гию", ко­гда | ||
| там иг­рал Па­вел Да­ц­юк</em> | ||
| <p>– про­ком­мен­ти­ро­вал | ||
| кад­ро­вые на­зна­че­ния ге­не­раль­ный ди­рек­тор | ||
| клу­ба Мак­сим Ряб­ков.</p> | ||
| <p>Он со­об­щил, что срок кон­трак­та – до 30 ап­ре­ля 2017 го­да, | ||
| то есть до кон­ца те­ку­ще­го се­зо­на. Ре­ше­ние о | ||
| про­дле­нии при­мут уже по­сле его окон­ча­ния. | ||
| По­мо­гать ему бу­дут Иван Кри­во­но­сов и Олег | ||
| Ми­куль­чик. Но­вый штаб уже на­хо­дит­ся в | ||
| Ека­те­рин­бур­ге – зав­тра ко­ман­да про­ве­дёт | ||
| первую тре­ни­ров­ку под их ру­ко­вод­ством. На­пом­ним, | ||
| что преды­ду­щий на­став­ник – Ан­дрей Ра­зин – был | ||
| от­прав­лен в от­став­ку за | ||
| не­удо­вле­тво­ри­тель­ные ре­зуль­та­ты.</p> | ||
| <hr> | ||
| <em>Автор: Иванов А.А.</em> | ||
| </article> | ||
| <br> | ||
| <div class="weather"> | ||
| <h3>Погода</h3> | ||
| <p>Зав­тра ожи­да­ет­ся не­боль­шой снег. | ||
| Тем­пе­ра­ту­ра днем: +5±2, ночью: +2±2</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Используя свойство font получится уложить 2 следующие строчки в одну