Bymas | Помощь по html/css #1

Тема закрыта by

SKYNET (10 мая 2023, в 17:59)
Спасибо!)

То что ты изучаешь (X)HTML 4.01 mobile. Его структуру переделали страницы. В HTML 5 нет длинной записи DOCTYPE. А остальное как было так и осталось. CSS3 часть элементов выкинули, что было CSS. Есть другие элементы которые заменяют их.

Ramzesoff (10 мая 2023, в 18:46)
Как бы они не устарели. Они до сих пор используютя в HTML5.

.

Изображение

------

85940_IMG_6032.jpeg (470.2 Kb)
Скачиваний: 100

Лара (10 мая 2023, в 19:28)
.

font - Версии CSS: CSS 1, CSS 2, CSS 2.1, CSS 3

SKYNET , Для переноса строк в HTML можешь пользоваться

html

   <br> - в HTML или <br /> - в XHTML <!-- Да, да, не бойся - это правильно! -->

Вся особенность в том, что этот тэг предназначен для переноса строки, а ни как не для создания списков и абзацев. Так же, отмечу что, в отличие от тега абзаца

html

<p>

использование тега

html

   <br>

не добавляет пустой отступ перед строкой! Он не устарел и не устареет, просто его обычно используют не по назначению... Зачастую, дизайнеры используют CSS для переноса строк Можно использовать clear

css

   #element-regular{ clear: both; }

Или можно воспользоваться white-space

css

   #element-regular{ white-space: normal; }

Далее, если тебе нужна регулировка, то это тоже CSS Тут действуют 2 тега, padding и margin padding - задает расстояние от внутреннего края рамки, а вот margin от внешнего, не путай. Использование у них идентичное:

css

   #element-regular{ margin: 2px /** Верхний край */ 2em /** Правый край*/ 2vh /** Нижний край */ 2% /** Левый край */; /** Допускается использование прямых выражений */ margin-left: 2px; margin-right: 2em; margin-top: 2vh; margin-bottom: 2%;  /** Тут я думаю все понятно */ }

А вот кнопки нужно использовать по назначению, никогда так не делай

html

   <button><a href=""></a></button>

________
посл. ред. 11.05.2023 в 02:45; всего 3 раз(а); by NESCOKE

Так зачем после дива <br> ставить если сам див по умолчанию display: block;?

<br> используется для переноса текста, но когда 2 текста в разных <div> то они сами переносятся, так как display по умолчанию тут block (а вот <span> нет)

Изображение

------

85945_Screenshot_20230511040219842_com.android.chrome.jpg (178.6 Kb)
Скачиваний: 98

И кстате padding: 8px; это не поля вокруг текста, а отступление в середине блока от границы :D

Ramzesoff (11 мая 2023, в 0:35)
font - Версии CSS: CSS 1, CSS 2, CSS 2.1, CSS 3

Ты читать умеешь, что на скриншоте написано?

Для этого есть внешний отступ margin:размер;

css

   [/hljs]  [hljs class="html"]<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <title>TEST TITLE</title>   <link href="/style.css" rel="stylesheet" type="text/css">   </head>   <html>   <script>   let width = screen.width;   </script>   <body>   <h4>(Title)</h4>   <div class="div5">   <button type="input" name="/page2"><a   href="/page2.html">page 2</a></button>  <a  href="/page3.html"><button>page 3   </button></a>    <a href="/page4.html"><button>page 4  </button></a> </div>     <div class="div5">TEST 1</div>  <div class="div5">TEST 2</div>   <div class="div5">TEST 3</div>    <div class="div5">TEST 4</div>   </body></html>

css

   .div5  {   background: #007E3E; /* Цвет фона */     color: #fff; /* Цвет текста */     padding: 8px; /* Поля вокруг текста */   margin:3px 0 0 0;    border-radius: 5px; /* Уголки */    }    h4 {   text-align: center;   color:#007E3E;  }

________
посл. ред. 11.05.2023 в 14:14; всего 1 раз(а); by pyrokinesis

Сообщение удалено

А можно так margin: 2px 2px 5px 0;