Премиум каналы

WebMentor

Твой наставник в мире веб-разработки! Изучаем JavaScript, фронтенд в целом и немного бэкенд.

Последние публикации с канала

erid 2VtzquwjhjK

⚡️Обучение графическому дизайну с гарантией трудоустройства 👩‍💻

Онлайн-курс "Профессия графический дизайнер" предлагает получить все необходимые знания для создания карьеры в сфере графического дизайна. Программа обладает уникальными особенностями, включая гарантию трудоустройства после успешного окончания курса.

🧑‍💻 Профессионалы своего дела, имеющие многолетний опыт работы в области графического дизайна, обеспечат вас самой современной информацией и техниками, чтобы вы смогли применять их в РЕАЛЬНЫХ проектах.

🎁 Для получения скидки на обучение в размере 52% , ответьте на несколько простых вопросов по ссылке

📲 Присоединяйтесь к онлайн-курсу "Профессия графический дизайнер" и откройте для себя увлекательный мир творчества и возможностей!

Реклама ООО "ЙОЛО" ИНН 7804699864

Video is too big
27.03.2024 / 15:03
26.03.2024 / 19:03

Как объявляются переменные в Less?

Anonymous Quiz

28% - «@имя_переменной: значение;»

37% - «$имя_переменной: значение;»

24% - «var имя_переменной = значение;»

12% - «--имя_переменной: значение;»

22.03.2024 / 09:03

Какой псевдокласс в CSS используется для стилизации элементов, которые находятся в наведенном состоянии?

Anonymous Quiz

18% - :active

75% - :hover

3% - :first-child

4% - :visited

17.03.2024 / 16:03

🔂 HTML (index.html)

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Основы Веб-Разработки</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="content">
<h1>Почему важно знать основы веб-разработки</h1>
<p>В современном мире <strong>веб-разработка</strong> играет ключевую роль в создании информационного пространства. Знание её основ позволяет не только создавать красивые и функциональные сайты, но и понимать, как устроен современный Интернет.</p>
</div>
</body>
</html>


🔂CSS (style.css)
@font-face {
font-family: 'Minecraft';
src: url('C:/font/minecraft.ttf') format('truetype');
}

body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f9;
color: #333;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.content {
max-width: 600px;
margin: 20px;
padding: 40px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

h1 {
font-family: 'Minecraft', sans-serif;
color: #005a87;
}

p {
line-height: 1.6;
color: #555;
}

strong {
font-weight: bold;
color: #d7263d;
}


В этом примере текст "веб-разработка" выделен жирным и окрашен в красный цвет для привлечения внимания. Стилизация с использованием CSS делает контент более читабельным и визуально привлекательным, подчеркивая важные моменты текста.

Попробуйте поиграться с цветами текста и фона, если есть какие нибудь вопросы, то обязательно пишите в комментарии 💕

15.03.2024 / 10:03
Отзывы: - 0
Поделитесь вашим мнением! Оставьте отзыв:

Похожие

Избранное