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

Топ дня:

Ramirez

Адм

Тема закрыта 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)
Скачиваний: 96

Лара (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)
Скачиваний: 94

И кстате 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;