Как верстать в принципе?

Question

[Сапунчик]

я пытаюсь впервые сверстать простенький psd-макет. но у меня не выходит даже шапка. я пытаюсь задать li свойство display:flex , но список все равно остается списком. в общем, у меня ничего вообще не выходит, и всвязи с этим вопрос: существует ли какой-то алгоритм верстки? может, алгоритм верстки шапки и т.д.? я пробую верстать и не получается, в гугле ответы найти не могу. дадите какие-нибудь советы?
кидать макет и свой код не буду. таких ситуаций может быть куча, и все макеты разные будут

Comments

[coderxx]

для чего вы пытаетесь присвоить элементу li свойство display: flex? может быть inline?

Answer 1

[Алексей Скляров]

Это нарабатывается со временем, вам надо весь макет, грубо говоря, визуально себе самому разбить на блоки, так вы будете понимать где и что позиционировать лучше, где что писать и тд. Сейчас я могу посмотреть на любой макет и я уже в голове представляю всю его структуру, код и как это должно работать.

В вашем же случае чтобы уйти от списка, нужно:

ul {
   list-style:none;
   margin:0px;
   padding:0px;
}

То есть вам достаточно просто практиковаться, практиковаться и еще раз практиковаться.

Comments

[Сапунчик]

я разбиваю на блоки, но я говорю, что при присваивании li flex список никак не меняется. и ничего просто не работает

[Алексей Скляров]

Сапунчик, если вам надо, чтобы у вас список был горизонтальный, то вам нужно писать так:

ul {
   list-style:none;
   margin:0px;
   padding:0px;
   display:flex;
   flex-direction:row;
}

Если вертикальный:

ul {
   list-style:none;
   margin:0px;
   padding:0px;
   display:flex;
   flex-direction:column;
}

Если к li применили свойство display:flex и держите там текст, то вы конечно никакой разницы и не увидите, потому что там просто текст.

Answer 2

[BBmike]

Учи

Answer 3

[Oscar Handsome]

Никак