W3 Просвещение - CSS /taxonomy/term/13/0 CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного на языке разметки. Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG. CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения и других свойств объектов в документе. ru Свойство position в CSS /article/svoistvo-position-v-css <p>Свойства позиционирования CSS позволяют расположить элементы так, как вам это нужно. Вы можете расположить элемент позади другого, и указать то, что должно происходить, если содержимое элемента слишком велико.</p> <p><a href="/article/svoistvo-position-v-css" target="_blank">читать далее</a></p> /article/svoistvo-position-v-css#comments Профессионалу Верстальщику CSS position Mon, 13 May 2013 13:33:52 +0000 adminus 248 at http://w3pro.ru Создание собственных jQuery-селекторов /article/sozdanie-sobstvennykh-jquery-selektorov <p>Из всех JavaScript-библиотек, jQuery вероятно имеет синтаксис селекторов, наиболее близкий к спецификации CSS. Это делает её простой для изучения верстальщиками и веб-дизайнерам, разбирающихся в CSS. Хотя в jQuery существует более 50 селекторов, иногда необходимо находить элементы на страницы по определенным, специфическим признакам. Именно для таких целей и удобно создавать собственные селекторы jQuery.</p> <p><a href="/article/sozdanie-sobstvennykh-jquery-selektorov" target="_blank">читать далее</a></p> /article/sozdanie-sobstvennykh-jquery-selektorov#comments CSS jQuery селекторы Mon, 20 Dec 2010 07:59:10 +0000 adminus 206 at http://w3pro.ru IE9 проходит 97.7% тестов CSS 2.1 — теперь все внимание на CSS3 /news/ie9-prokhodit-977-testov-css-21-teper-vse-vnimanie-na-css3 <p>Почти разобравшись с CSS 2.1, Microsoft показала,&nbsp;что следующая версия Internet Explorer практически полностью соответствует этой спецификации.</p> <p>Хотя бета-версия IE9 вышла всего месяц назад, разработчики уже могут получить все преимущества CSS 2.1, предлагаемые новой версией (P.S. как же долго пришлось ждать этого момента).</p> /news/ie9-prokhodit-977-testov-css-21-teper-vse-vnimanie-na-css3#comments CSS CSS3 IE9 Internet Explorer Tue, 12 Oct 2010 10:00:56 +0000 adminus 123 at http://w3pro.ru Оптимизация производительности в Drupal: сжатие страниц, файлов CSS и JavaScript с помощью GZIP /article/optimizatsiya-proizvoditelnosti-v-drupal-szhatie-stranits-failov-css-i-javascript-s-pomoshch <p><img src="/files/article/2010/09/88/web-developer-result-0.png" alt="" class="left" />Недавно встал вопрос об оптимизации загрузки одного из моих сайтов. Помимо стандартных действий по увеличению производительности в Drupal: минимизации кода CSS и JavaScript, установки необходимых настроек на странице &quot;Производительность&quot;, я решил уменьшить размер отдаваемых браузеру файлов и страниц сайта с помощью их сжатия.</p> <p>Благодаря произведенным усовершенствованиям я добился сжатия большей части передаваемых с сайта данных. Кроме того я смог включить кэширование браузером для сжатых данных. В конце концов все эти действия позволили сжать HTML-код, JS и CSS файлы совокупно <strong>в три раза</strong>, а вес главной страницы уменьшить <strong>вдвое</strong>.</p><p><a href="/article/optimizatsiya-proizvoditelnosti-v-drupal-szhatie-stranits-failov-css-i-javascript-s-pomoshch" target="_blank">читать далее</a></p> /article/optimizatsiya-proizvoditelnosti-v-drupal-szhatie-stranits-failov-css-i-javascript-s-pomoshch#comments Профессионалу Программисту CSS Drupal gzip JavaScript PHP Sun, 05 Sep 2010 20:00:19 +0000 adminus 88 at http://w3pro.ru Проверяете ли вы HTML и CSS код в валидаторах W3C? /poll/proveryaete-li-vy-html-i-css-kod-v-validatorakh-w3c <form action="/taxonomy/term/13/0/feed" accept-charset="UTF-8" method="post" id="poll-view-voting"> <div><div class="poll"> <div class="vote-form"> <div class="choices"> <div class="form-radios"><div class="form-item" id="edit-choice-0-wrapper"> <label class="option" for="edit-choice-0"><input type="radio" id="edit-choice-0" name="choice" value="0" class="form-radio" /> Да, и HTML, и CSS</label> </div> <div class="form-item" id="edit-choice-1-wrapper"> <label class="option" for="edit-choice-1"><input type="radio" id="edit-choice-1" name="choice" value="1" class="form-radio" /> Только HTML</label> </div> <div class="form-item" id="edit-choice-2-wrapper"> <label class="option" for="edit-choice-2"><input type="radio" id="edit-choice-2" name="choice" value="2" class="form-radio" /> Только CSS</label> </div> <div class="form-item" id="edit-choice-3-wrapper"> <label class="option" for="edit-choice-3"><input type="radio" id="edit-choice-3" name="choice" value="3" class="form-radio" /> Не проверяю</label> </div> </div> </div> <input type="submit" name="op" id="edit-vote" value="Голос" class="form-submit" /> </div> <input type="hidden" name="form_build_id" id="form-fgSg6__G3_isv1XRNmeOMXSWvXeQmxlhPwe7tNi6nhs" value="form-fgSg6__G3_isv1XRNmeOMXSWvXeQmxlhPwe7tNi6nhs" /> <input type="hidden" name="form_id" id="edit-poll-view-voting" value="poll_view_voting" /> </div> </div></form> /poll/proveryaete-li-vy-html-i-css-kod-v-validatorakh-w3c#comments Верстальщику CSS HTML Tue, 06 Jul 2010 16:39:34 +0000 Bazel 75 at http://w3pro.ru Выравнивание блоков по центру в CSS /article/vyravnivanie-blokov-po-tsentru <p>Выравнивание содержимого по горизонтали, которое имеет свойство float, можно сделать очень легко и кроме того полностью кроссбраузерно (работает в Opera 8+, Firefox 3+, IE 5.5+).</p><p><a href="/article/vyravnivanie-blokov-po-tsentru" target="_blank">читать далее</a></p> /article/vyravnivanie-blokov-po-tsentru#comments Профессионалу Верстальщику CSS float выравнивание Fri, 18 Jun 2010 20:21:26 +0000 Bazel 61 at http://w3pro.ru Используйте псевдо-класс :focus наравне с :hover /article/ispolzuite-psevdo-klass-focus-naravne-s-hover <p>Вероятно одной из самых частых ошибок обеспечения доступности в CSS является пренебрежение псевдо-классом <code>:focus</code> при использовании <code>:hover</code>. Сколько же проблем приносит такое пренебрежение пользователям, не использующим мышь?</p><p><a href="/article/ispolzuite-psevdo-klass-focus-naravne-s-hover" target="_blank">читать далее</a></p> /article/ispolzuite-psevdo-klass-focus-naravne-s-hover#comments Верстальщику CSS доступность псевдо-классы Sun, 04 Apr 2010 15:35:39 +0000 Bazel 49 at http://w3pro.ru Рекомендации по увеличению производительности CSS /article/rekomendatsii-po-uvelicheniyu-proizvoditelnosti-css <p>Большинство людей используют несколько файлов для создания CSS под разные типы устройств, по принадлежности разделам сайта или предназначению содержимого соответствующих таблиц стилей (позиционирование, цвета, типографика). При этом существует два недостатка: это приводит к большему числу HTTP-запросов от браузера к серверу и необходимости поддержки в актуальном состоянии нескольких CSS файлов одновременно. О том как избежать этих проблем и пойдет речь в этой статье.</p><p><a href="/article/rekomendatsii-po-uvelicheniyu-proizvoditelnosti-css" target="_blank">читать далее</a></p> /article/rekomendatsii-po-uvelicheniyu-proizvoditelnosti-css#comments Профессионалу Верстальщику @media CSS Mon, 22 Feb 2010 21:00:10 +0000 Bazel 48 at http://w3pro.ru Забытые CSS-селекторы /article/zabytye-css-selektory <p>Каждый, кто часто использовал CSS, вероятно был расстроен отсутствием поддержки селекторов в Internet Explorer 6. Существует довольно много случаев, когда селекторы CSS 2.1 позволяют использовать правила, работающие во всех других основных браузерах, но, если вы хотите, чтобы это работало и в IE 6, вам придётся добавить класс или идентификатор в HTML-код.</p> <p><strong>Наконец-то</strong> доля IE 6 на рынке находится на том уровне, когда мы как разработчики можем сказать, что сайт, поддерживающий IE 6, не значит &quot;выглядящий совершенно&quot;. К счастью всё больше и больше пользователей это понимают. IE 7 вышел более трёх лет назад, а IE 9 ещё на горизонте, поэтому я думаю, пришло время воскресить css-селекторы, которые вы никогда не использовали только потому, что IE 6 не мог их понять.</p><p><a href="/article/zabytye-css-selektory" target="_blank">читать далее</a></p> /article/zabytye-css-selektory#comments Любителю Верстальщику CSS селекторы Fri, 05 Feb 2010 10:27:49 +0000 Bazel 40 at http://w3pro.ru Условные комментарии для Internet Explorer /article/uslovnye-kommentarii-dlya-internet-explorer <p>Одной из частых проблем при верстке и дизайне HTML-документов является неправильное отображение страницы различными браузерами или их версиями. И по известным всем причинам браузер Internet Explorer (IE) интерпретирует правила XHTML и CSS не так, как это положено по стандартам. Условные комментарии могут быть использованы для того, чтобы избежать проблем с этим &laquo;гадким&raquo; браузером.</p><p><a href="/article/uslovnye-kommentarii-dlya-internet-explorer" target="_blank">читать далее</a></p> /article/uslovnye-kommentarii-dlya-internet-explorer#comments Новичку Верстальщику CSS Internet Explorer Thu, 26 Jun 2008 08:25:36 +0000 Bazel 2 at http://w3pro.ru