Верстка сайтов
Изучаем HTML и CSS.
|
|
16.04.2010 12:41 |
|
Возможность применения CSS-градиента была реализована Webkit около двух лет назад, но он редко использовалася из-за несовместимости с большинством браузеров. Но теперь с Firefox 3.6+, который поддерживает градиент, мы можем создавать градиент без обязательного использования изображения. В этом посте покажем Вам, как создать CSS-градиент, который будет поддерживаться основными браузерами: IE, Firefox 3.6 +, Safari и Chrome.
Для Webkit-браузеров:
Следующий код предназначен для webkit браузеров, таких как Сафари, Хром, и т.д. Он создаст линейный градиент, от верхней точки (#ccc) к основанию (#000).
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); 
|
|
Обновлено 25.06.2010 17:07 |
|
Подробнее...
|
|
|
28.10.2009 11:42 |
|
Вторая половина 2009 года ознаменовалась возвращением позабытой на долгое время техники внедрения шрифтов в страницы сайтов, с помощью свойства CSS @font-face, которое было предложено в спецификации CSS2 разработчикам браузеров еще в мае 1998 года!
Первая реализация данного свойства состоялась и того раньше, в 1997 году, когда компания Microsoft выпустила на рынок браузер IE4, позволявший встраивать на вебстраницы шрифты с помощью нового CSS-свойства @font-face, которое позже и было внесено в спецификацию CSS2, в новом формате Embedded OpenType (EOT), специально разработанном для применения в сети интернет. Особенностью формата было наличие компрессии файла и механизма защиты от нелегального копирования с помощью прописывания в корневую строку (RootString) записи со списком доменов, на которых допускается использование шрифта.
Однако, техника внедрения шрифтов по ряду причин провалилась:
- доминировавший в то время Netscape сделал свой выбор в пользу иного формата TruDoc;
- EOT не был стандартом и шрифты для него попросту отсутствовали;
- шрифты в формате EOT были сложнее в разработке;
- механизм защиты от нелегального использования не способствовал популяризации формата;
- медленный коммутируемый доступ в сеть накладывал существенные ограничения на размер вебстраницы и скорость ее загрузки.
|
|
Обновлено 28.10.2009 12:15 |
|
Подробнее...
|
|
28.08.2009 13:31 |
Введение
В данном списке перечислены шрифты, общие для всех актуальных на данный момент операционных систем Windows (фактически начиная с Windows 98), и их эквиваленты в Mac OS. Такие шрифты иногда называют «безопасными шрифтами для браузеров» (browser safe fonts). Это небольшой справочник, которым я пользуюсь, когда делаю Web-страницы и думаю, что он будет полезен и Вам.
Если Вы новичок в web-дизайне, то может быть думаете что-нибудь типа: «Почему это я должен ограничиваться таким небольшим набором шрифтов? У меня есть огромная коллекция прекрасных шрифтов!» Дело в том, что браузер посетителя может отобразить только те шрифты, которые установлены в его операционной системе (прим. переводчика: в настоящее время уже есть возможность применять фактически любые шрифты при оформлении страниц используя CSS 3 и его новое свойство @font-face; правда, поддерживают эту функцию пока ещё далеко не все браузеры), а это означает, что каждый посетитель Вашей страницы должен быть обладателем выбранных Вами шрифтов. Поэтому Вы должны использовать только те шрифты, которые есть в каждой операционной системе. К счастью, в CSS есть свойство @font-family, облегчающее эту задачу.
Также Вам может быть интересен список шрифтов, включённых в каждую версию Windows.
|
|
Подробнее...
|
|
04.08.2009 10:56 |
|
Одно из наиболее ожидаемых свойств CSS3, несомненно, свойство border-radius. С помощью свойства border-radius можно создавать, такие популярные в последнее время, прямоугольники с закругленными углами, исключительно средствами CSS, не используя никаких изображений.
|
|
Обновлено 01.09.2009 12:17 |
|
Подробнее...
|
|
13.03.2009 18:36 |
Практически любой человек сможет написать CSS-код, в наше время любая программа сделает это за вас. Но будет ли это хороший CSS? Далее представлены пять советов по совершенствованию вашего CSS
1. Reset
Обязательно используете сброс настроек в том или ином виде. Вы можете использовать уже готовые решения ( Eric Meyer, YUI), или придумать свое, выбирайте что больше нравится.
Это может быть обычное удаление полей и отступов, у всех элементов:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
margin: 0; padding: 0;
}
|
|
Обновлено 22.04.2010 11:47 |
|
Подробнее...
|
|
09.02.2009 10:52 |
|
Источник
Примечание: это не полный перевод статьи. Я выбрал только самые интересные лично для себя пункты. Статья не претендует на свежесть, но возможно даже люди хорошо знакомые с версткой найдут для себя что-то интересное. Статья затрагивает некоторые аспекты семантики верстки с конкретными примерами.
2. Какие версии HTML существуют?
Первая версия HTML (1989) не имела номера версии; это был просто «HTML». Первая стандартизированная версия HTML, выпущенная Internet Engineering Task Force (IETF) в 1995, называлась HTML 2.0. Позже был сформирован Консорциум WWW (W3C). Он презентовал свою первую стандартизированную версию в 1997: HTML 3.2. Её приемник, HTML 4.0, вышел в 1998, и был быстро сменен на HTML 4.01 в 1999. Это последняя актуальная версия HTML. W3C провозгласило, что больше не будет выпускать последующих версий HTML. HTML 4.01 рекомендован для создания HTML документов. Не смотря на это, Web Hypertext Application Technology Working Group (WHATWG) работает над так называемым HTML5, в надежде что он в итоге станет рекомендованным W3C.
|
|
Обновлено 22.04.2010 11:48 |
|
Подробнее...
|
|
|
|
|
<< Первая < Предыдущая 1 2 3 Следующая > Последняя >>
|
|
Страницы с 1 по 3 |
|
|
Кто онлайн
Сейчас 20 гостей онлайн
|
