| Admin
Offline
| Дата: Воскресенье, 23.05.2010, 03:40 | Сообщение # 1
|
|
Мудрец
Сообщений: 839
| Для того, чтобы каскадные таблицы стилей (css) находились в отдельном файле (тем самым они загружаются один раз и кэшируются) необходимо создать файл стилей с расширением *.css, к примеру /style.css (относительный путь со слэша это важно, и правильно!)
Между тэгами <head></head> вставляем тэг link таким образом:
Code <link rel="stylesheet" type="text/css" href="/style.css">
Рекомендации
В начале css кода уберите все отступы * (margin:0; padding:0; font-size:100.01%;) – последняя строка необходима, так как все браузеры шрифты обрабатываю по разному (размеры)
Обязательно указывайте по умолчанию цвет текста и фона body, а так же размеры шрифта и используемый шрифт {background-color:#fff; color:#000; font:normal 12px ‘Arial’;} – цвет фона и текста необходим, если к примеру используется не ОС win xp или в браузере у пользователя используются по умолчанию свои цвета.
На заметку: В кодировке utf-8 шрифт ‘Verdana’ в IE6 не поддерживается и лучшее решение – не использовать шрифт, так как вылечить можно ie только через реестр.
Продолжим по отступам, не достаточно использовать * {margin:0; padding:0;} лучше перечислять все, пример:
body, td, th, input, select, textarea (в случае, если используется), тем самым мы добьемся одинакового отображения во всех браузерах.
На заметку: Каждый браузер кнопки input submit, формы отображает по своему, это важно, когда используется графическая часть и формы могут искажать страницу.
Параметры в css удобно распологать по алфавиту, это позволяет работать с большим количеством строк и при этом быстро находить все параметры.
Когда назначаете id, class указывайте, для чего он используется, к примеру:
Code view plaincopy to clipboardprint? <table id="s-all"> css: table#s-all {} <div> css: div#s-body {}
Названия div должны соответствовать их логическому использованию, к примеру если у нас есть меню слева (блок), это – sidebar, есть шапка – header, head, top. Таким образом любой специалист, и вы спустя долгое время сможете снова вернуться к коду и без труда изменить быстро, что вам требуется.
Во время верстки я советую открывать сразу все необходимые браузеры (я исп. ie6,ie7,ff,opera), чтобы недопустить ошибки и не потерять время на их решение.
https://darimpromokod.ru
https://tvoikassir.ru
Лучшие предложения от банков и МФО.
|
| |
|
|
