Псевдоэлемент before для маркера списка | маркер спецсимволом Подготовил: Александр Головко Дата публикации: 21.02.2010 Последнее обновление: 26.05.2010 На большинстве веб-страниц присутствуют разного рода списки: меню, перечни товаров и прочее. При создании HTML эти списки превращаются в теги <ol> и <ul> (нумерованный и маркированный списки, соответственно). Маркированные списки применяются гораздо чаще, но их проблема в том, что браузеры отображают одни и те же маркеры неодинаково. Это послужило одной из причин появления в грамотно сделанных CSS в составе сброса стилей, примерно таких записей: То есть мы сознательно отказываемся от использования стандартных маркеров (ну еще бы — ведь, у каждого браузера стандарт свой собственный!). Маркеры-картинки Естественно, просто отказаться мало — нужно найти какое-то решение задачи. Таким методом можно реализовать любую фантазию дизайнера: Плюс метода Кроссбраузерность — в любом браузере маркер будет именно таким, как мы нарисовали. Недостаток Дополнительная картинка — лишнее обращение к серверу. Update 1.06.10.
htmlbook.ru - Для тех, кто делает сайты Прогрессор Видеоуроки по созданию сайта для бизнеса. Бесплатные видеоуроки. Браузероведение и версткасофия Impressive Webs, Toronto | Web Design Articles & Tutorials BigBilet.Ru Fancybox - Fancy jQuery lightbox alternative Лучшие за сутки / Хабрахабр Design For Masters Lea Verou | Life at the bleeding edge (of web standards) Архитектура CSS — Веб-стандарты Мерой хорошего знания CSS для многих веб-разработчиков является то, насколько идеально ты можешь воссоздать в коде данный тебе макет. Ты не используешь таблицы и гордишься собой, когда сводишь к минимуму графику. Если ты действительно хорош, то работаешь с самыми новыми и лучшими техниками — вроде медиавыражений, переходов и трансформаций. Это правда, хорошие CSS-разработчики действительно всё это умеют. Что интересно, обычно мы не упускаем из вида эту сторону, когда дело касается других языков. Эти вопросы вполне естественны при оценке кода, и CSS здесь не должен быть исключением. Принципы хорошей архитектуры CSS CSS-сообществу редко удаётся прийти к договорённости, что и как нужно делать. Поэтому вместо того, чтобы разворачивать перед вами мой собственный список правил, я скажу, что нам стоит определиться с принципами. Мне кажется, что принципы хорошей архитектуры CSS не сильно отличаются от целей разработки хорошего ПО. Предсказуемость Повторное использование Поддержка Масштабируемость
Script Library Free Scripts. Download Free Scripts. Submit Scripts Free: Powershell, VBScript, PHP, Rexx, Kixtart, ASP, ASP.Net, SQL, Batch, Jscript, Perl, Python. Почему дивную верстку называют семантически правильной? "Философия CSS-дизайна". HTML-код сайта www.csszengarden.com | WEB-дизай Как просмотреть HTML-код страницы? Если вы пользуетесь браузером Internet Explorer: Вид > Просмотр HTML-кода; в браузерах Mozilla, Opera: Вид (View) > Исходный текст (Page Source). 1. В исходном коде сайта нет ни одного табличного тега (<table>, <td>, <tr>), т.е. страница структурирована без таблиц (самый распространенный вариант макетирования в Рунете). Поэтому такую верстку называют бестабличной. 2. 3. Поскольку каждый структурный элемент страницы имеет соответствующее по смыслу название, такую верстку называют семантически правильной. На примере сайта Дейва Ши мы можем учиться семантически правильной верстке. По этому поводу можно возразить: зачем нужно соблюдать какие-либо правила в HTML-коде, когда посетители и не подозревают о наличии этой стороны документа? На этот вопрос отвечу поговоркой: «Называйте вещи своими именами». Прежде всего это нужно нам самим. 4. 5. 6.