jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify html

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 19:02:13 +03:00
parent ecf1478e7e
commit 5342f628da
354 changed files with 13965 additions and 9486 deletions
Download patch file Download diff file Expand all files Collapse all files

16
8-css-for-js/11-margin/2-position-text-into-input/solution.view/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@ -7,21 +8,22 @@
margin: 0;
width: 12em;
}
#placeholder {
color: red;
margin: -1.3em 0 0 0.2em;
}
</style>
</head>
<body>
<div>Добро пожаловать</div>
<input type="password" id="input">
<div>Добро пожаловать</div>
<input type="password" id="input">
<div id="placeholder">Скажи пароль, друг</div>
<div id="placeholder">Скажи пароль, друг</div>
<div>.. и заходи</div>
<div>.. и заходи</div>
</body>
</html>
</html>

13
8-css-for-js/11-margin/2-position-text-into-input/source.view/index.html
View file

@ -1,17 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div>Добро пожаловать</div>
<div>Добро пожаловать</div>
<input type="password" id="input">
<input type="password" id="input">
<div id="placeholder">Скажи пароль, друг</div>
<div id="placeholder">Скажи пароль, друг</div>
<div>.. и заходи</div>
<div>.. и заходи</div>
</body>
</html>
</html>

54
8-css-for-js/11-margin/h2-margin-top-position.view/index.html
View file

@ -1,41 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
border: 1px solid blue;
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 {
margin: 0 0 0.8em 0;
background: #aef;
position: relative;
top: -1.3em;
}
div {
border: 1px solid blue;
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 {
margin: 0 0 0.8em 0;
background: #aef;
position: relative;
top: -1.3em;
}
</style>
</head>
<body>
<div>
<h2>Общие положения</h2>
<div>
<h2>Общие положения</h2>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<div>
<h2>Общие обязанности водителей</h2>
<div>
<h2>Общие обязанности водителей</h2>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
</body>
</html>
</html>

53
8-css-for-js/11-margin/h2-margin-top.view/index.html
View file

@ -1,40 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div {
border: 1px solid blue;
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 {
margin: 0 0 0.8em 0;
background: #aef;
margin-top: -1.3em; /* или изменить margin выше */
}
div {
border: 1px solid blue;
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 {
margin: 0 0 0.8em 0;
background: #aef;
margin-top: -1.3em;
/* или изменить margin выше */
}
</style>
</head>
<body>
<div>
<h2>Общие положения</h2>
<div>
<h2>Общие положения</h2>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<div>
<h2>Общие обязанности водителей</h2>
<div>
<h2>Общие обязанности водителей</h2>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
</body>
</html>
</html>

39
8-css-for-js/11-margin/hr-margin-left-src.view/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@ -7,32 +8,36 @@
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 { margin-bottom: 0; }
h2 {
margin-bottom: 0;
}
</style>
</head>
<body>
<div>
<div>
<h2>Общие положения</h2>
<hr class="margin">
<h2>Общие положения</h2>
<hr class="margin">
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<div>
<h2>Общие обязанности водителей</h2>
<hr class="position">
<div>
<h2>Общие обязанности водителей</h2>
<hr class="position">
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
</body>
</html>
</html>

50
8-css-for-js/11-margin/hr-margin-left.view/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@ -7,34 +8,45 @@
margin: 2em;
font: .8em/1.25 Arial, sans-serif;
}
h2 { margin-bottom: 0; }
hr.margin { margin-left: -2em; }
hr.position { position: relative; left: -2em; }
h2 {
margin-bottom: 0;
}
hr.margin {
margin-left: -2em;
}
hr.position {
position: relative;
left: -2em;
}
</style>
</head>
<body>
<div>
<div>
<h2>Общие положения (hr.margin)</h2>
<hr class="margin">
<h2>Общие положения (hr.margin)</h2>
<hr class="margin">
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
</div>
<div>
<h2>Общие обязанности водителей (hr.position)</h2>
<hr class="position">
<div>
<h2>Общие обязанности водителей (hr.position)</h2>
<hr class="position">
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
<p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
<ul>
<li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
<li>...и так далее...</li>
</ul>
</div>
</body>
</html>
</html>

23
8-css-for-js/11-margin/negative-margin-bottom.view/index.html
View file

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.content {
background: #aef;
padding: 1em 2em 2em 2em;
margin-bottom: -1em;
}
.comment {
margin: 0 1em;
padding: .2em;
@ -19,23 +19,22 @@
}
</style>
</head>
<body>
<div>У DIV'а с холодильниками стоит margin-bottom: -1em</div>
<div>У DIV'а с холодильниками стоит margin-bottom: -1em</div>
<div class="content">
Наши холодильники - самые лучшие холодильники в мире!
Наши холодильники - самые лучшие холодильники в мире!
Наши холодильники - самые лучшие холодильники в мире!
Наши холодильники - самые лучшие холодильники в мире!
</div>
<div class="content">
Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире!
</div>
<span class="comment">
<span class="comment">
Так считают: 5 человек
</span>
<span class="comment">
<span class="comment">
Оставьте <u>свой</u> отзыв!
</span>
</body>
</html>
</html>