Форум hotibo.ru

sas171 · 23.11.2009 22:09

Вписав в самом начале CSS

Код:

*{
  margin: 0;
  padding: 0;
}

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

Как вы думаете, стоит ли использовать этот трюк?

Отредактированно sas171 (23.11.2009 22:09)

liven · 23.11.2009 23:08

IMHO обязательно.
У браузеров дефолты то разные... да и удобнее как-то знать что все на нуле и выставлять нужное.....

у меня каждая css начинается со следующего:

Код:

* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    font-size: 100.01%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 100%;
}

Andrew · 30.11.2009 10:56

Думаю, стоит. То, что увеличится размер файла, это не так страшно. Css-файл загружается раз и нормально оседает в кэше(при дефолтных настройках браузера). Лишние 5-7кБ даже на диалапе не сильно напрягут.
Дефолтные настройки разных браузеров различаются довольно сильно, т.о. описанный способ поможет избавиться от этой проблемы.

Один явный минус, который я вижу - много css-кода получается (т.е. больше работы). При желании и эта задача упрощается: можно сделать для себя наиболее часто используемый css-шаблон, который для каждого нового сайта изменять и дописывать.

brodobrey · 07.12.2009 12:07

liven написал:

Код:

body {
    font-size: 100.01%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 100%;
}

Один мой знакомый раскрасил свою операционку в инверсные цвета (чёрный фон, белый шрифт) и всегда с большой теплотой относится к сайтам (и программам) которые "сбрасывают" цвет шрифта в чёрный, но при этом не трогают цвет фона. Раз уж Вы выставляете "дефолты" сами, то не забывайте пожалуйста и про background-color, по крайней мере мой знакомый был бы вам очень за это признателен.

Flack · 07.12.2009 12:29

Да, background-color надо прописывать обязательно.
На разных темах XP (особенно не дефолтных) все может поплыть очень серьезно.

Kildor · 08.12.2009 08:39

Есть такое…
Сам в опере умолчательный фон поставил в светлосиний, и без рисунков…
многие сайты приобретают такой интересный дизайн после этого…

liven · 16.12.2009 11:59

brodobrey написал:

Один мой знакомый раскрасил свою операционку в инверсные цвета (чёрный фон, белый шрифт) и всегда с большой теплотой относится к сайтам (и программам) которые "сбрасывают" цвет шрифта в чёрный, но при этом не трогают цвет фона. Раз уж Вы выставляете "дефолты" сами, то не забывайте пожалуйста и про background-color, по крайней мере мой знакомый был бы вам очень за это признателен.

Да, моя ошибка... как то несообразил...

Битник · 27.02.2011 01:08

liven написал:

Код:

body {
    font-size: 100.01%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 100%;
}

А как потом размер шрифта задаёте? Для каждого тега прописываете?

А почему бы сразу так не прописать?

Код:

body { font: 0.9em Arial, Verdana, Helvetica, sans-serif; }

Битник · 01.03.2011 12:03

Ну что кто-нибудь ответит мне?

dark-demon · 01.03.2011 13:22

Код:

    font-size: 100.01%;

это что за мантра такая?

tapazukk · 01.03.2011 13:54

font-size:100.01% по идее приводит к одинаковому размеру шрифтв в браузерах.
/forum/viewtopic.php?pid=1592

Отредактированно tapazukk (01.03.2011 13:56)

Flicker · 05.03.2011 08:26

Стоит
У меня любой стиль начинается с

Код:

         body
    {
        padding:0px;
        margin:0px;
        font-family:Arial, Verdana, Helvetica, sans-serif;
        font-size:12px;
        margin-left:0px;
        margin-right:0px;
    }
    form, p
    {
        margin:0px;
        padding:0px;
    }
    a img
    {
        border:none;
    }
    .clear_both
    {
        position:relative;
        clear:both;
        height:1px;
        margin:0px;
        padding:0px;
        font-size:1px;
    }

Очень удобно

Форум hotibo.ru

#1 23.11.2009 22:09

*{margin:0;padding:0;}

Код:

#2 23.11.2009 23:08

Re: *{margin:0;padding:0;}

Код:

#3 30.11.2009 10:56

Re: *{margin:0;padding:0;}

#4 07.12.2009 12:07

Re: *{margin:0;padding:0;}

liven написал:

Код:

#5 07.12.2009 12:29

Re: *{margin:0;padding:0;}

#6 08.12.2009 08:39

Re: *{margin:0;padding:0;}

#7 16.12.2009 11:59

Re: *{margin:0;padding:0;}

brodobrey написал:

#8 27.02.2011 01:08

Re: *{margin:0;padding:0;}

liven написал:

Код:

Код:

#9 01.03.2011 12:03

Re: *{margin:0;padding:0;}

#10 01.03.2011 13:22

Re: *{margin:0;padding:0;}

Код:

#11 01.03.2011 13:54

Re: *{margin:0;padding:0;}

#12 05.03.2011 08:26

Re: *{margin:0;padding:0;}

Код:

Board footer