- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>CSS в действии</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>CSS</h1>
<p>CSS ещё проще, чем HTML. Он состоит из множества правил, примерно таких:</p>
<pre><code> селектор {
свойство1: <em>значение1</em>;
свойство2: <em>значение2</em>;
}</code></pre>
<p>Правила очень простые. Но есть одна проблема: свойств <em>очень</em> много.</p>
<p>Большая часть курса будет посвящена именно CSS.</p>
<p>А сейчас поработайте с нижним редактором.</p>
</body>
</html>
CSS
/*
body {
padding: 0 20px;
font-size: 16px;
font-family: "Arial", sans-serif;
}
h1 {
color: #618ad2;
text-shadow: 2px 2px 0 #cccccc;
}
pre {
padding: 10px;
font-size: 14px;
line-height: 20px;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 3px;
}
em {
color: #618ad2;
}
*/
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Удалите символы
/*в первой строке CSS-редактора и посмотрите, как преобразится текст страницы.