Предположим, что Вы создали достаточно симпатичную страничку с малым количеством графических элементов, текст у Вас расположен в таблице в две колонки. Вы некоторое время любуетесь вашим творением, но тут приходит Ваш приятель и погружает Вас в глубокое уныние, поставив в настройках броузера более крупный шрифт. Вы видите, что страница приняла вид весьма далёкий от того, что было задумано изначально. Что же делать? Самый простой способ решения подобной задачи заключается в составлении таблицы стилей для Вашего сайта. Эти таблицы относятся к каскадным таблицам стилей (Cascading Style Sheets – CSS). Это означает, что при определении стиля какого-нибудь элемента все элементы, находящиеся внутри него, наследуют этот стиль.
Главная » Записи с тегом "стили"
Рубрики с меткой ‘стили’
Опубликовано в рубрике HTML-верстка 
Метки: колонки, стили, страница, таблицы, Шрифт 
Комментариев нет »HTMLchecklist – проверь свой HTML
Июль 23rd, 2012 
Archi 1. Разделение структуры и визуальной части.
— Не использовать элемент <font>.
— Аттрибуты расположения (align, valign, width, height) выносить в CSS. Читать далее »
Опубликовано в рубрике HTML-верстка Метки: HTML, HTMLchecklist, аттрибут, стили, элемент Комментариев нет »Про normalize.css
Июнь 19th, 2012 Archi Normalize.css – маленький CSS файл, обеспечивающий лучшую согласованность браузеров в стандартном оформлении элементов. Это новая, HTML5 совместимая, альтернатива традиционному CSS сбросу.
Normalize.css сейчас используется, в том или ином виде, в , , , и еще во многих фреймворках, инструментариях и сайтах.
Опубликовано в рубрике HTML-верстка Метки: css файл, normalize.css, баги, стили, юзабилити Комментариев нет »CSS: каскад, специфика и наследование
Июнь 19th, 2012 Archi CSS: каскад, специфичность и наследование
Краткая статья, содержащая основные понятия о каскаде, специфичности и наследовании в CSS.
Что такое каскад?
– это механизм, определяющий какие стили должны быть применены к данному элементу, основываясь на правилах, полученных из различных источников.
Каскад учитывает такие правила как: значимость, происхождение, специфичность и очередность источников устанавливающих стиль. Данный механизм присваивает приоритет каждому правилу. Когда несколько правил применяются к данному элементу, то правило с наибольшей значимостью станет приоритетным. Результатом является четкое определение роли данного элемента или сочетания элементов. Читать далее »
Опубликовано в рубрике HTML-верстка Метки: Браузеры, каскад, наследование, специфика, стили Комментариев нет »Показ информации о продукте при помощи 3D преобразований CSS3
Июнь 19th, 2012 Archi Существует множество способов показа информации о продукте. Например, при наведении на изображение продукта, информация о нём появляется выше или даже всплывает новое окно. В этом уроке я покажу как отобразить информацию о продукте используя кубический стиль 3D преобразования CSS3.
Результат Читать далее »
Опубликовано в рубрике HTML-верстка Метки: 3D преобразования, CSS3, Изображение, разметка, стили, элемент Комментариев нет »Как CSS обрабатывает ошибки
Июнь 19th, 2012 Archi CSS изначально был создан очень снисходительным к ошибкам. Когда браузер натыкается на нечто непонятное в CSS-файле, он испытывает минимальное «удивление», а затем продолжает как ни в чем ни бывало.
Для этого есть важная причина. Мы знаем, что CSS будет расширяться со временем, к нему будут добавляться новые свойства, новые значения и другие новинки. «Новые» вещи выглядят в точности как «невалидные» для старых браузеров, так что, если вам нужно, чтобы язык аккуратно обрабатывал новинки, вам придется оснастить его «умной» обработкой ошибок.
Опубликовано в рубрике HTML-верстка Метки: @-правило, CSS, ошибка, стили, таблицы Комментариев нет »Новый экспериментальный компонент: стили с ограниченной областью действия
Июнь 18th, 2012 Archi Chromium недавно внедрил новый компонент из HTML 5: стили с ограниченной областью действия, известный как <style scoped>. Веб-автор может ограничить стилистические правила, чтоб они распространялись только на часть страницы, установив атрибут scoped в элемент <style>, находящийся непосредственно в корневом элементе поддерева, для которого необходимо применить оформление. Это ограничивает воздействие стилей только на родительский элемент, внутри которого находится тег <style>, и все потомки этого элемента.
Читать далее »
Подключаем свои классы class=left и class=right и стили в редактор FCKEditor
Июнь 17th, 2012 Archi Сегодня мы продвинемся дальше, а именно покопаемся в файлах FCKEditor и подключим в него свои классы. Например, можно заменить таким образов файл стандартных стилей fckeditor/editor/css/fck_editorarea.css на свой или подключить сразу свой собственный файл, чтобы в админке мы могли видеть информацию (текст, картинки) в таком же виде, как и во фронтэнде. Это удобно. Параллельно мы сделаем выравнивание изображений по правому и левому краям текста… так, чтобы в редакторе FCKEditor мы это самое выравнивание видели!!
Когда-то мы настраивали правильное отображение расположения картинок в Internet Explorer (см. статью: ). Это было примени тельно к визуальному редактору FCKEditor. Читать далее »
Опубликовано в рубрике HTML-верстка Метки: class=left, class=right, FCKEditor, классы, редактор, стили Комментариев нет »Свои стили css для области редактора CKEditor
Июнь 17th, 2012 Archi Добавляем собственные стили оформления окошка редактирования визуального редактора CKEditor.
Стили для окна редактирования CKEditor’а лежат в файле /editors/ckeditor/contents.css,
стили для выпадающего меню «стиль» в редакторе можно изменить и добавить в: /editors/ckeditor/plugins/styles/styles/default.js, либо прямо в: /editors/ckeditor/config.js Читать далее »
Опубликовано в рубрике HTML-верстка Метки: CKEditor, выпадающее меню, редактор, стили, файл Комментариев нет »Тег noindex и его валидация согласно консорциуму W3C
Июнь 17th, 2012 Archi Чтобы тег <noindex> прошёл валидацию при проверке его надо оформить.
Оформить этот тег необходимо следующим образом: Читать далее »
Опубликовано в рубрике HTML-верстка Метки: валидация, индексация, консорциум, стили, Тег noindex Комментариев нет »