HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > Общие вопросы программирования
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

  #11  
Старый 05.10.2023, 01:45
un1k
Познающий
Регистрация: 04.10.2023
Сообщений: 41
С нами: 1376200

Репутация: 0
По умолчанию

There's a valid reason for using reset.css or similar? I never understood the necessity of this, I mean the default styles are there for some reason.

Since I started learning html/css I was always recommended to only use the "classic reseting":

Код:


Код:
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
button {
  cursor: pointer;
}
 
Ответить с цитированием

  #12  
Старый 05.10.2023, 02:20
L2Banners
Постоянный
Регистрация: 20.01.2016
Сообщений: 403
С нами: 5428363

Репутация: 408
По умолчанию

Цитата:
Сообщение от un1k  

There's a valid reason for using reset.css or similar?
My video is just about that. There is no reason to use reset.css or apply the concept.

Try normalize.css. It complements styles, not resets them.
 
Ответить с цитированием

  #13  
Старый 05.10.2023, 02:28
Hedgehog
Постоянный
Регистрация: 17.02.2022
Сообщений: 526
С нами: 2231316

Репутация: 667


По умолчанию

Цитата:
Сообщение от L2Banners  

Мое видео как раз об этом. Нет смысла использовать reset.css или применять эту концепцию.

Попробуйте нормализовать.css . Он дополняет стили, а не сбрасывает их.
Начну это изучать не наступая на эти грабли, благодаря вам )
 
Ответить с цитированием

  #14  
Старый 05.10.2023, 02:41
L2Banners
Постоянный
Регистрация: 20.01.2016
Сообщений: 403
С нами: 5428363

Репутация: 408
По умолчанию

Цитата:
Сообщение от Hedgehog  

Начну это изучать не наступая на эти грабли, благодаря вам )
Рад это слышать.

Есть простой способ изучить этот вопрос. Если уже есть какие-то готовые страницы, например страница полной новости или статическая страница для любого контента. Вставляем теги и смотрим результат. Чем больше разных вариантов, тем лучше. Можно использовать мой пример:

Цитата:
Сообщение от Спойлер  


HTML:


Код:
without reset.css

Заголовок

H1

Заголовок

H2

Заголовок

H3

Текст внутри

p

.

А это жирный текст

.

А это текст курсивом

Математические формулы:

10

5

* 2

10

= X

E = mc

2

Неупорядоченные списки:

Coffee

Tea

Coca Cola

Coffee

Tea

Coca Cola

Упорядоченные списки:

Coffee

Tea

Coca Cola

Coffee

Tea

Coca Cola

Таблица:

Firstname

Lastname

Savings

Peter

Griffin

$100

Lois

Griffin

$150

Joe

Swanson

$300

Form:

Personalia:

Name:

Email:

Date of birth:

Button
Вообще в любой блок с каким-нибудь коротким описанием, когда начинают заполнять реальным контентом, то начинают вставлять и списки, и таблицы, формулы, параграфы..
 
Ответить с цитированием

  #15  
Старый 05.10.2023, 02:45
Hedgehog
Постоянный
Регистрация: 17.02.2022
Сообщений: 526
С нами: 2231316

Репутация: 667


По умолчанию

Цитата:
Сообщение от L2Banners  

Рад это слышать.

Есть простой способ изучить этот вопрос. Если уже есть какие-то готовые страницы, например страница полной новости или статическая страница для любого контента. Вставляем теги и смотрим результат. Чем больше разных вариантов, тем лучше. Можно использовать мой пример:

Цитата:
Сообщение от Спойлер  


HTML:


Код:
without reset.css

Заголовок

H1

Заголовок

H2

Заголовок

H3

Текст внутри

p

.

А это жирный текст

.

А это текст курсивом

Математические формулы:

10

5

* 2

10

= X

E = mc

2

Неупорядоченные списки:

Coffee

Tea

Coca Cola

Coffee

Tea

Coca Cola

Упорядоченные списки:

Coffee

Tea

Coca Cola

Coffee

Tea

Coca Cola

Таблица:

Firstname

Lastname

Savings

Peter

Griffin

$100

Lois

Griffin

$150

Joe

Swanson

$300

Form:

Personalia:

Name:

Email:

Date of birth:

Button
Вообще в любой блок с каким-нибудь коротким описанием, когда начинают заполнять реальным контентом, то начинают вставлять и списки, и таблицы, формулы, параграфы..
Я бы на твоём месте создал бы тему с видео уроками, было бы не плохо. Мануальчики какие-то сделать )
 
Ответить с цитированием

  #16  
Старый 05.10.2023, 03:47
L2Banners
Постоянный
Регистрация: 20.01.2016
Сообщений: 403
С нами: 5428363

Репутация: 408
По умолчанию

Цитата:
Сообщение от Hedgehog  

Я бы на твоём месте создал бы тему с видео уроками, было бы не плохо. Мануальчики какие-то сделать )
Если будет время, может запишу пару видео со своими решениями некоторых задач.

Цитата:
Сообщение от un1k  

Since I started learning html/css I was always recommended to only use the "classic reseting":

Код:


Код:
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
button {
  cursor: pointer;
}
I want to be more precise. Such a "classic reset" is very, very bad. This is a bad, short-sighted recommendation
 
Ответить с цитированием

  #17  
Старый 05.10.2023, 05:15
un1k
Познающий
Регистрация: 04.10.2023
Сообщений: 41
С нами: 1376200

Репутация: 0
По умолчанию

Цитата:
Сообщение от L2Banners  

I want to be more precise. Such a "classic reset" is very, very bad. This is a bad, short-sighted recommendation
Can you explain why? This is the basic 'reset' that I have always seen and used.
 
Ответить с цитированием

  #18  
Старый 05.10.2023, 06:50
L2Banners
Постоянный
Регистрация: 20.01.2016
Сообщений: 403
С нами: 5428363

Репутация: 408
По умолчанию

Цитата:
Сообщение от un1k  

Can you explain why?
My English is bad. Therefore, my explanations will be greatly distorted.

In this video, I explain the classic problems that resetting styles leads to. There are subtitles in Russian, which can be automatically translated into English. If the translation is very bad, tell me and I will try to do the translation manually.

In this paragraph I have expand the answer:

Цитата:
Сообщение от L2Banners  

Пойми простую вещь, все теги должны выполнять свою роль в том числе визуально быть отличимыми и желательно такими, какими их привыкли видеть пользователи. Если они были обнулены, всем им нужно задать стили. Отсюда вытекает закономерный итог, если мы зададим стили всем тегам, которые обнулили (тоесть переопределим ранее созданные правила), то зачем эта прослойка обнулений тогда вообще нужна, если она по сути не используется? НО, если же мы какие-то теги так и оставим обнуленными, то когда они будут применены, получится дер*мо (извиняюсь за выражение), это может понадобится и через год и через два. Ну вот заказчик захочет написать какую-то формулу расчета для солнечной электростанции или в каком-то блоге прям идеально подходит использовать список с римскими маркерами, а верстка ему это не позволяет сделать. Почему он должен быть ограничен? Просто потому что верстальщику было удобно все сбросить под ноль, сделать по дизайну и проигнорировать потенциальные потребности? Теперь он должен тратить свое время и деньги, чтобы внедрить фичу, которая по умолчанию должна работать, но верстальщик решил, что не должна..

Вот еще пример, многие редакторы кода в CMS позволяют вставлять html теги и забудем на минуту о существующих тегах и представим, что через пару лет появился во всех браузерах новый тег, естествено даже в идеальной верстке этот тег никак не описан, поэтому он должен работать нативно, но поскольку стили обнулены мы опять получаем дер*мо и заставляем заказчика тратить ресурсы на ровном месте, ну вот такие мы веб разработчики, нравится нам смотреть не только лишь в заврашний день

Я тут вообще ничего нового не говорю, это для многих давно пройденный этап, то что ты решил это обсудить со мной это уже говорит о том, что я не зря поднял этот вопрос. Следующий раз во время работы ты обратишь внимание на то как ведут себя элементы и возможно решишь что-то доработать, но в конечном итоге советую забыть про reset.css и посмотреть хотя бы в сторону normalize.css, потому что повторюсь, сброс стилей удобен только верстальщику, а не заказчику (и то удобство это тоже довольно иллюзорное)
Very briefly. All tags must have certain properties. Such as the user expects them to be. When we reset all styles, we need to assign everything again. The conclusion follows from this: Why do we need reset styles if they will be redefined? But if we forget to assign styles to some tag, then when it is used, it will look bad and lose its usual purpose. This refers to dynamic content that the user can change at any time. And if the user wants to get a numbered list, but gets markers at best, this is bad. If the user does not see an indent between two paragraphs, this is bad. If the user puts a number in the upper index, but gets a regular number, this is bad. Etc..

Example:

By resetting, you limit the possibilities for working with content. The site can exist for a long time, use different CMS and content editors. Therefore, you should not make restrictions and force the site owner to spend resources on improving what should work by default.

Цитата:
Сообщение от un1k  

This is the basic 'reset' that I have always seen and used.
This approach is very outdated. It's from the days when browsers were very different and very unpredictable. The developers experimented, but since then a lot of new tags have appeared and they are all almost the same in all browsers, and resetting them only harms.

A reset using an asterisk (*) is even worse than the usual reset.css because it applies to all tags that don't even exist yet, but may appear in the future.
 
Ответить с цитированием

  #19  
Старый 05.10.2023, 07:06
un1k
Познающий
Регистрация: 04.10.2023
Сообщений: 41
С нами: 1376200

Репутация: 0
По умолчанию

Цитата:
Сообщение от L2Banners  

This approach is very outdated. It's from the days when browsers were very different and very unpredictable. The developers experimented, but since then a lot of new tags have appeared and they are all almost the same in all browsers, and resetting them only harms.

A reset using an asterisk (*) is even worse than the usual reset.css because it applies to all tags that don't even exist yet, but may appear in the future.
I had no idea, to be honest xD. All video/tutorials that I saw when I was starting used this approach with * and since I never had a problem I thought it was a good practice. Thanks, this was very informative.
 
Ответить с цитированием

  #20  
Старый 05.10.2023, 07:13
L2Banners
Постоянный
Регистрация: 20.01.2016
Сообщений: 403
С нами: 5428363

Репутация: 408
По умолчанию

Цитата:
Сообщение от un1k  

I had no idea, to be honest xD. All video/tutorials that I saw when I was starting used this approach with * and since I never had a problem I thought it was a good practice. Thanks, this was very informative.
Developers repeat after each other, but not everyone wants to understand the meaning. In fact, the only reset that needs to be done is:

CSS:


Код:
body
{
margin
:
0
;
}
A good block should be described completely and not rely on global reset styles. Then it will be easy for you to transfer blocks to other projects, even someone else's
 
Ответить с цитированием
Ответ





Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.

×

Создать сделку

Продавец: ник или ID

Название сделки:

Сумма USDT:

Срок сделки, дней:

Кто платит комиссию:

Условия сделки:

После создания сделки средства будут зарезервированы в холде до завершения сделки.

×

Мои сделки

Загрузка...
×

Сделка


Загрузка чата...
×

ESCROW ADMIN PANEL

Загрузка...
Загрузка...