О макете веб-страницы CSS сложно сказать, но на самом деле он очень прост. Говорят, что это легко, но часто возникает множество проблем, которые беспокоят новичков. На http://www.knowsky.com/article.asp?typeid=38 представлено множество техник. Эти советы и знания помогут каждому освоить дважды. результат с половиной усилий. Однако чаще всего нас беспокоят какие-то мелкие проблемы, и мы не можем расслабиться. Сегодня я хотел бы представить вам восемь техник, которые кажутся очень полезными.
1. Если у вас есть какие-либо сомнения, проверьте немедленно. Если вы можете выполнить простую проверку исходного кода при возникновении ошибки, вы избавите себя от многих головных болей. У W3C есть инструменты обнаружения XHTML и CSS, см. http://validator.w3.org . Обратите внимание, что ошибки в начале файла могут вызвать больше ошибок из-за неправильной структуры и других факторов. Мы рекомендуем сначала исправить некоторые наиболее очевидные ошибки, а затем провести повторную проверку, что может уменьшить количество ошибок.
2. При использовании плавающей функции не забудьте соответствующим образом очистить команду. Плавающая функция — опасная функция, которая может не дать ожидаемых результатов. Если вы столкнулись с плавающими элементами, выходящими за границы окружающего контейнера, или с другими необычными ситуациями, убедитесь, что вы делаете это правильно.
3. Используйте отступы или границы, когда границы перекрываются, чтобы не беспокоиться о небольшом пространстве, которого там не должно быть, или когда вам нужно немного места, вы не можете его сжать, несмотря ни на что. Если вы используете поля, границы легко перекрыть.
4. Старайтесь избегать одновременного указания отступов/границ и высоты или ширины элементов. Версия IE для Windows часто вызывает проблемы с расчетом ширины и высоты. Есть несколько способов решить эту проблему, но если родительскому элементу необходимо указать высоту и ширину, лучше всего применить поле к дочерним элементам внутри родительского элемента, или когда дочернему элементу необходимо указать высоту и ширину, для достижения этого эффекта примените дополнение к родительскому элементу.
5. Не полагайтесь на минимальную ширину/минимальную высоту
Версия IE для Windows не поддерживает оба синтаксиса. Но в определенной степени версия IE для Windows может достичь эффекта, эквивалентного минимальной ширине/минимальной высоте, поэтому, если вы добавите в IE некоторые функции фильтрации, вы сможете добиться желаемых результатов.
6. Если сомневаетесь, сначала уменьшите процент. Иногда из-за некоторых ошибок 50%+50% становятся 100,1%, вызывая проблемы на веб-странице. На этот раз попробуйте изменить эти значения на 49% или даже 49,9%.
7. Помните, что синтаксис сокращений «TRBL» для границы, поля и заполнения имеет определенный порядок, начиная сверху и поворачиваясь по часовой стрелке: сверху, справа, снизу, слева. Таким образом, результат поля: 0 1px 3px 5px; без рамки вверху, на 1 пиксель вправо и т. д. Запомните «TRBL», и вы не ошибетесь в последовательности.
8. Пока значение не равно нулю, необходимо указать единицу измерения. Это требует особого внимания. Многие начинающие друзья часто игнорируют этот вопрос.