Я переношу “divitis”? (CSS especialist необходимый) [закрытый]

54
задан leonheess 4 April 2019 в 02:04
поделиться

11 ответов

Установка класса Герметично не Cruft с тех пор, как это устанавливает строгое правило в вашем коде: этот класс не может быть унаследован.

код только Cruft, если он не нужен и запутается.

Это сказанное, одна школа мысли (и простого правила правила) заключается в том, что вы всегда должны запечатать все классы, так как это легко отменить, если это необходимо, но не вице-версию. Некоторые генераторы кода делают это автоматически. (См. Вариант № 3 Эрика Липперта № 3 выше. Он в основном говорит о том же.)

-121--1090290-

Это выглядит идеально. Это должно быть принято в качестве примера!

Одним из симптомов «Дивита» - это когда вы видите список

вместо использования
    .

37
ответ дан 7 November 2019 в 08:06
поделиться

Вы можете начать использовать новые элементы HTML 5, с помощью нескольких трюков JS.

Затем вы получите действительно полезный заголовок, нижний колонтитул, статью, в сторону и элементы меню.

Объедините, что с стилями CSS3 для округлых углов, тени ... Дивит может иметь лекарство, но нам придется ждать, чтобы получить полную поддержку для этого.

2
ответ дан 7 November 2019 в 08:06
поделиться

Последовательности Python являются неизменяемыми, поэтому они не поддерживают назначение предметов или фрагментов. Необходимо создать новый ряд, используя someString [: 3] + 'a' + someString [4:] или другой подходящий подход.

-121--2766371-

Это должно работать, но может возникнуть проблема при соединении таблиц

SELECT REPLACE(REPLACE(SUBSTRING_INDEX(LOWER(table.url), '/',  3), 'www.', ''), 'http://', '') AS domain
FROM table
GROUP BY domain
-121--5044563-

Не используется вообще. Это чистый, семантический код с только 2 divs, связанных непосредственно с стилем только (не знаю, есть ли у вашего .container div стили - я думаю, так и что вы используете их в других местах, потому что это класс). Семантический код - вот что имеет значение! Я думаю, ты отлично справилась.

1
ответ дан 7 November 2019 в 08:06
поделиться

Вы используете

    s для навигации, и

    для заголовков - это достаточно хорошо для меня. Я не мог подумать о более подходящем элементе для любого из div , который вы используете. Пройдет мое качество проверки без дальнейшего ADO.

8
ответ дан 7 November 2019 в 08:06
поделиться

Есть одно изменение, которое сразу же приходит в голову:
Если это действительно все ваши стили, выбросьте .container div. Так как у него нет стилей, то он излишний.

0
ответ дан 7 November 2019 в 08:06
поделиться

Это зависит!

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

Это означает, что у вас есть 4 каталога верхнего уровня, и каждый из них содержит 4 файла. Если предполагается, что каждый верхний уровень dir занимает 25% хода выполнения, а каждый файл занимает еще 25% хода выполнения для этого dir, можно показать хороший индикатор хода выполнения. Но если последний поддир будет содержать гораздо больше файлов, чем первые несколько, ваш индикатор прогресса достигнет 75%, прежде чем вы узнаете об этом. Вы не можете действительно исправить, что если os.walk сам является узким местом (не ваша обработка) и это произвольный дерево каталогов (не тот, где вы знаете заранее примерно, как долго каждое поддерево собирается занять).

И, конечно, это при условии, что стоимость здесь примерно одинакова для каждого файла...

-121--2835534-

Для точной настройки времени замирания можно использовать функцию скрытия:

$(document).ready(function() {
        $("#container2 div:last").hide(2000);
    });
-121--4088548-

Я попробовал код в FF3.5 и IE8. Цвет фона, определенный для «header» div, в FF3.5 весь div заголовка имеет этот цвет. Но в IE8 цвет фона отображается только для баннера и заголовка h2 во вводном разделе

Поэтому вопрос заключается в том, должен ли цвет фона применяться ко всему заголовку или он предназначен только для определенной части?

А для контейнера div класс атрибута имеет значение «container». Этот класс не определен в css.

0
ответ дан 7 November 2019 в 08:06
поделиться

Я переусердствую ?

зависит от ваших потребностей, но ИМХО нет.

Это может быть упрощено?

Может быть, с таблицами, но таблицы, как правило, являются жесткими и безразличными при использовании их в нескольких браузерах.

-5
ответ дан 7 November 2019 в 08:06
поделиться

Вы используете

, , когда они нуждаются в них, так что это правильно.

Что плохо используется, использует div вместо соответствующего элемента. Здесь не такая вещь.

3
ответ дан 7 November 2019 в 08:06
поделиться

По большей части ваша разметка в порядке. Каждый сайт представляет несколько разные проблемы. Я бы сказал, что ваш код можно улучшить, удалив #intro и просто применив CSS к двум столбцам.

В зависимости от остальной части вашей страницы вы можете обойтись без div #header .

Кроме того, вы можете стилизовать html И тело , если необходимо, чтобы помочь с несколькими фонами / контейнерами. Просто помните, что body начинает действовать как div (не распространяется на нижнюю часть браузера), как только вы начинаете применять стили к html .

Использование divs или новых блочных элементов HTML 5 в первую очередь связано с семантическим смыслом, а во вторую - с предоставлением места для размещения CSS.

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

Для записи, это divitis:

<div class='image'>
  <div class='shadow'>
    <div class='bottom-shadow'>
       <img src="..." alt="" />
    </div>
  </div>
  <div class="clear"></div>
</div>
19
ответ дан 7 November 2019 в 08:06
поделиться

У каждого может быть свое мнение по этому поводу, но вот мое мнение:

Вы не используете

.

Если вы были , используя

, тогда вы должны использовать

, < p> и т. д., то вы наверняка сделаете это неправильно. Другими словами, если вы сгибаете
для достижения любых целей, у вас есть проблема.

К сожалению, когда CSS начал набирать популярность, было написано много статей, продвигающих эту практику с заголовками / темами после «Используйте

вместо ! " шаблон.

3
ответ дан 7 November 2019 в 08:06
поделиться

Это большая разметка. Хорошее семантическое использование всех элементов. И красивое использование комментариев. (Да, я видел, что на этот вопрос уже ответили и проголосовали правильно, но я новенький и ищу очки, если бы я был здесь первым, ваммо!)

.
2
ответ дан 7 November 2019 в 08:06
поделиться