HTML расшифровывается как HyperText Markup Language (язык разметки гипертекста):
<p>
Текст
</p>
<p> </p>
<a> </a>
<strong> </strong>
<em> </em>
<input>
<br>
<img>
<a
href="http://www.mozilla.com">
Firefox
</a>
<img
src="#"
alt="Описание изображения">
<div class="header"></div>
<article>
<h1>Основной заголовок страницы</h1>
<h2>Подзаголовок</h2>
<p>
Какие-то всякие разные штуки и некоторые <em>выделенные</em> и
даже <strong>важные</strong> слова.
</p>
<p>
Другой абзац.
</p>
<ul>
<li>Один</li>
<li>Два</li>
<li>Три</li>
</ul>
<blockquote>
Однажды сказано
</blockquote>
</article>
<aside>
<h3>Мои последние сообщения</h3>
<ul>
<li><a href="#">Один</a></li>
<li><a href="#">Два</a></li>
<li><a href="#">Три</a></li>
</ul>
</aside>
p {
color: red;
}
Целью CSS является определение макета и стиля элементов HTML. Синтаксис очень прост:
/* Правила CSS */
селектор { свойство: значение; }
кто { что: как; }
a { /* Ссылки */ }
p { /* Абзацы */ }
ul { /* Неупорядоченные списки */ }
li { /* Пункты списка */ }
.date {
color: red;
}
<p class="date">
21 февраля, суббота
</p>
<span class="date">
21 февраля, суббота
</span>
header a {
color: red;
}
a {
color: blue;
}
a:hover {
color: red;
}
Только несколько свойств CSS могут быть унаследованы от предков. Это в основном текстовые свойства:
Нет такого понятия, как элемент HTML без стилей. Каждая веб-страница использует по крайней мере один CSS:стиль клиентского приложения.
font-family: Arial;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-align: left;
text-decoration: underline;
text-indent: 30px;
Свойство line-height, когда применяется к блочному элементу, определяет высоту каждой строки. Не следует путать с межстрочным расстоянием, которое определяет пространство между строками в абзаце. Несмотря на то, что они оба выполняют одну и ту же задачу (интервал между строк текста), делают они это по-разному.