Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Записи, помеченные ‘урок css3’

  • Постоянная ссылка на Использование селектора элемента в CSS

    Использование селектора элемента в CSS

    Для задания стилей элементам HTML используются селекторы элемента. Например, если нужно задать внешний вид только элементам заголовков, можно написать следующее в подключенной или встроенной таблице стилей:

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание более плотных абзацев с использованием переноса слов CSS3

    Создание более плотных абзацев с использованием переноса слов CSS3

    Перенос слов обычно нужен, когда ширина страницы или столбца слишком узкая для того, чтобы вместить строку. Перенос слов позволяет абзацам выровняться с использованием подходящих промежутков. Давайте рассмотрим и сравним следующий пример абзацев, обратив внимание на промежутки между словами:

    Далее... 2 Комментариев »
  • Постоянная ссылка на Использование цветовой модели RGB в CSS

    Использование цветовой модели RGB в CSS

    Хотя цветовая модель RGB менее компактна в записи кода CSS, чем шестнадцатеричная, зато ей намного проще управлять напрямую через JavaScript, именно RGB используется в  JavaScript для возвращения информации о цвете элементов, независимо от того, каким способом им был задан цвет в коде CSS, поэтому так полезно разобраться именно с этой цветовой моделью. 

    Далее... Нет комментариев »
  • Постоянная ссылка на Использование изображений в формате DataURI

    Использование изображений в формате DataURI

    Это может показаться несколько необычным, но существует способ размещения изображений на веб-страницах без обращения напрямую к файлу изображения. Кодируя информацию изображения как строку символов и чисел и размещая этот код в коде CSS или HTML, можно значительно сократить время загрузки. Хотя это не практично для больших изображений или для изображений, которые могут подвергаться частым изменениям, кодирование изображения [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование горизонтального разделителя

    Использование горизонтального разделителя

    Элемент горизонтального разделителя <hr> - один из наиболее редко и неправильно используемых в коде HTML, возможно, из-за того, что он не выглядит привлекательно в исходном состоянии. При использовании его без задания свойств на веб-странице, он выглядит следующим образом:

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование селекторов last-child и last-of-type в CSS

    Использование селекторов last-child и last-of-type в CSS

    Использование псевдоклассов CSS, выбирающих последние элементы, — это еще один полезный способ для отделения внешнего вида от разметки: вместо того, чтобы засорять код HTML классами для задания свойств последним элементам и переназначать этих классы другим элементам при изменении содержимого, можно просто использовать псевдокласс, который применится только к последним элементам без необходимости хоть как-то изменять разметку.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Фоновые изображения для экранов Retina с использованием свойства задания изображения

    Фоновые изображения для экранов Retina с использованием свойства задания изображения

    Хотя отображение изображений, относящихся к содержимому, на экранах высокого разрешения хорошо поддержано в HTML5 и CSS, включая новый элемент для больших изображений, а также атрибуты srcset и sizes, фоновым изображениям для экранов Retina почти не уделялось внимания, и для них не появлялось новых возможностей отображения. Так как фоновые изображения часто довольно большие и по разрешению и по размеру файла, это особенно неприятно. [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование селекторов first-of-type, first-child и nth-of-type

    Использование селекторов first-of-type, first-child и nth-of-type

    Довольно распространено создание особо внешнего вида для элемента, появляющегося впервые: выделение курсивом первого абзаца на странице, или, например, использование эффекта первой строки вступления. Обычно это задается с помощью применения идентификатора к нужному элементу. Но в этом подходе есть существенные недостатки: каждый раз при создании нового первого абзаца нужно не забыть применить идентификатор для достижения эффекта. Намного [...]

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание классических типографских эффектов: первая висячая строка абзаца

    Создание классических типографских эффектов: первая висячая строка абзаца

    Обратный абзацный отступ, называемый также втяжкой, — сдвиг начала первой строки абзаца влево по отношению к остальным его строкам. Другими словами, у первой строки абзаца есть отрицательный отступ, и именно таким образом этот эффект создается с помощью кода CSS.

    Далее... 1 Комментарий »

Страница 1 из 25123451020...Последняя »