bymas.ru | Помощь по html/css #1

KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
www.Add.Az WEB MASTER PLATFORMA, FORUM
Пиратская ферма, заходи, новичок
NEAR wallet - mine HOT в Telegram
WorldByte - Наш хостинг - партнер

Топ дня:

Sovet [!]

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

SKYNET

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)
Скачиваний: 46

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

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

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

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

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

<p>

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

<br>

не добавляет пустой отступ перед строкой!

Он не устарел и не устареет, просто его обычно используют не по назначению...

Зачастую, дизайнеры используют CSS для переноса строк

Можно использовать clear

#element-regular{

 clear: both;

 }

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

#element-regular{

 white-space: normal;

 }

Далее, если тебе нужна регулировка, то это тоже CSS

Тут действуют 2 тега, padding и margin

padding - задает расстояние от внутреннего края рамки, а вот margin от внешнего, не путай. Использование у них идентичное:

#element-regular{

 margin: 2px /** Верхний край */

 	2em /** Правый край*/

 	2vh /** Нижний край */

 	2% /** Левый край */;

 /** Допускается использование прямых выражений */

 margin-left: 2px;

 margin-right: 2em;

 margin-top: 2vh;

 margin-bottom: 2%;

 

 /** Тут я думаю все понятно */

 }

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

<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)
Скачиваний: 42

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

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

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

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

	<!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>



 .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;

Онлайн: 7