Это статья давным -давно. Теперь кажется, что идеи в нем стоит изучать. В то время как изучение случаев на Vevb.com, изучение некоторых теоретических знаний будет очень полезно для вашего прорыва в знаниях. Давай, все!
С тех пор, как я прочитал дизайн шедевров г -на Зельдмана с помощью веб -стандартов, китайская версия «Рефакторинг веб -сайта» (2 -е издание), я чувствую себя глубоко и укрепляла свою идею использования веб -стандартов для разработки и практики наших проектов. Но недостаточно просто знать, что такое веб -стандарты и как применять их к реальным проектам. Каждый компонент веб -стандарта должен быть изучен и применять один за другим и победить один за другим, чтобы обнаружить их сущность! Для таких дизайнеров веб -разработчиков, как я, я считаю, что мы получим больше, понимая этот принцип и проведя целевое обучение и практику, а также является вкладом в применение веб -стандартов в Китае! (Ха -ха, это может быть немного хвастаться, но это действительно идеал большинства наших практикующих программных программ.)
Сейчас это эпоха Web2.0 и даже 3.0, а также эпоха XHTML, XML, CSS, ECMASCRIPT и DOM. Хотя они не являются конечной технологией, они становятся решением вместе - мы планируем создать обратный совместимый веб -сайт, а также необходимую техническую основу для создания веб -сайтов, которые соответствуют веб -стандартам. Мы не только хотим получить больше поддержки и доступа пользователей, но и создавать долгосрочные и красивые веб-сайты, чтобы привлечь их внимание в течение длительного времени. Я считаю, что обучение использованию CSS для улучшения нашего веб -сайта - это хороший способ привлечь их внимание и тенденцию моды в эпоху Web2.0. Ниже я расскажу только об опыте, который я получил от технологии CSS.
Чтобы стать экспертом CSS, это далеко не достаточно, чтобы просто опытно использовать селекторы CSS. Это также включает в себя общее планирование работы, мастерство рабочих процессов и улучшение обслуживания и эффективности листов в стиле. Использование CSS может создать замечательный веб -сайт, который мы хотим, а написание CSS сама по себе является удовольствием. Итак, как мы должны создать более привлекательные таблицы стилей? Какие характеристики должны иметь ваш стиль? Учившись и объединив свой собственный опыт работы, я суммировал хороший способ сделать красивые листы в стиле.
1. Не позволяйте CSS слишком много отметокСвязывание или импорт таблиц звучит как невежественная работа. Я видел много разработок на веб-сайте с аккуратными и хорошо организованными документами CSS, но медленно, потому что они могут не обновляться быстро в краткосрочной перспективе или слишком ленивы, чтобы управлять, это делает ранее созданные изысканные листы стиля стать мусором. Если мы работаем на огромном веб -сайте, который должен публиковать сотни контента. Поскольку время ограничено, вам необходимо гнездо или расположить CSS для быстрого внесения изменений или обновлений. Со временем эта привычка сохраняется до тех пор, пока вам не скажут, что сайт полностью перевернут и переработан (но содержание все же), и у вас есть только неделя для создания (включая тестирование). Вообще говоря, обновление листов в стиле - очень простой метод. Если вы не изменяете разбросанные области веб -сайта в течение долгого времени, вы не можете общего понимания структуры листа стиля веб -сайта.
Связывание или импорт вашей таблицы стилей не является случайной вещью. Создайте чистую и аккуратную таблицу стилей и продолжайте, и вы будете счастливее работать. ПРИМЕЧАНИЕ. Если вы пытаетесь создать новый лист стилей каждый раз, когда вы обновляете или добавляете новый контент, вы определенно просите проблемы. Слишком много связывания и импорта таблиц стилей может затруднить устранение ошибок, что затрудняет сохранение стилей. Понятно, что более крупные сайты создают листы стилей разных частей отдельно. Просто будьте осторожны, чтобы не идти в крайности. Добавление большого количества листов в стиле добавит больше HTTP -запросов, что также может повлиять на последующую работу.
2. Семантическое определение ясное и легко понятьВ дополнение к выбору наиболее подходящих и наиболее значимых элементов для выражения, вам также необходимо определить выбор значений атрибутов класса и идентификатора. Четкое определение может сделать техническое обслуживание простым, и члены группы поймут его. Смотрите это определение:
.l10k {color: #369; }, .left-blue {color: #369; }, если бы это было сделано мной, я мог бы знать, что это значит, но я могу не понять это, если я сравню себя с другими. Даже если вы знаете, что это значит сегодня, можете ли вы гарантировать, что все равно узнаете, что это значит много лет спустя? Лучше всего не добавлять цвет или длину и размеры ширины в атрибуты класса. Более подходящая спецификация именования :. Рабочая позапись {Цвет: #369; }
3. Знайте, когда добавить условные комментарии и методы приложенияМногие статьи написали несколько советов по решению проблем, а условные аннотации - хороший способ контроля отпусков IE. Я согласен с тем, что условные комментарии намного лучше, чем набрать их в вашей документации CSS, но я постепенно начал понимать, что многие доказательства показывают, что это не лучшее решение. Я хочу установить его минимальную высоту в элементе, но браузер IE6 не выполняет его, поэтому вы знаете, что высота, которую вы можете использовать, будет обрабатываться так же. Воссоздайте лист стиля и добавьте условные комментарии к своему логотипу. Все ваши потребности должны следовать этому правилу? Держите правила самой низкой высоты и высоты вместе, и выберите небольшой трюк в одном и том же документе CSS, будет ли это лучше? В этом случае я думаю, что с этим методом трудно работать.
4. Постарайтесь использовать листы внешнего стиля для применения CSS на веб -страницыЭто хорошо? Все совершенно ясны. Конечно, одна вещь неоспорима, что может максимизировать повторное использование кода и оптимизировать конфигурацию файлов веб -сайтов.
Ладно, вышеупомянутое - некоторые из моих личных мнений. Надеюсь, вы все даете мне больше мнений. Ваши предложения - моя мотивация, чтобы бросить вызов трудностям! Спасибо!