Блочная модель CSS Блочные и строчные элементы Свойства блочной модели очень важны, чтобы получить действительно красивый и современный дизайн сайта вместо простого отформатированного текста. Для того, чтобы построить такой дизайн необходимо понимать одну важную вещь. HTML-элементы – это всегда прямоугольные блоки с заданными свойствами. Из них-то, как из конструктора Lego и состоит любая, даже самая сложная, веб-страница. Один блок – одна прямоугольная деталька в общей картине. Однако, не все элементы одинаковые...
Добрый день. Сегодня рассмотрим как просто сделать красивую кнопку на HTML и добавить к ней стили. Итак, приступим... Для начала, как всегда, создаем файл test.html в любом месте нашего ПК. Открываем наш файл test.html и вставляем строку подключения нашего файла со стилями: <head>
<link rel="stylesheet" href="styles.css">
</head> Далее мы прописываем нашу кнопку: <body>
<button class="custom-btn btn-2">Кнопка</button>
</body> Но без стилей наша кнопка выглядит очень скучно, исправим это. Открываем наш файл styles...