Грег Сидельников - Наглядный CSS
Название: | Наглядный CSS | |
Автор: | Грег Сидельников | |
Жанр: | Web-дизайн | |
Изадано в серии: | неизвестно | |
Издательство: | Питер | |
Год издания: | 2021 | |
ISBN: | 978-5-4461-1618-8 | |
Отзывы: | Комментировать | |
Рейтинг: | ||
Поделись книгой с друзьями! Помощь сайту: донат на оплату сервера |
Краткое содержание книги "Наглядный CSS"
На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегод- няшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим. Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу. Вместо бесконечных томов документации — две с половиной сотни иллюстраций по- могут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение в компьютерный код!
Читаем онлайн "Наглядный CSS" (ознакомительный отрывок). [Страница - 2]
:read-only........................................................................................ 39
:root.................................................................................................. 39
:only-of-type.................................................................................. 39
:first-of-type................................................................................... 39
:nth-of-type()................................................................................ 40
:last-of-type.................................................................................... 40
:nth-child()..................................................................................... 40
:nth-last-child()............................................................................ 41
:nth-child(odd)............................................................................. 41
:nth-child(even)............................................................................ 41
:not()................................................................................................ 42
:empty.............................................................................................. 42
Вложенные псевдоселекторы................................................. 42
:dir(rtl) и :dir(ltr)......................................................................... 42
:only-child....................................................................................... 43
Глава 4. Блочная модель CSS....................................................................... 44
Глава 5. Позиционирование.......................................................................... 48
5.1.
5.2.
5.3.
5.4.
5.5.
Тестовый элемент....................................................................... 48
Статичное и относительное позиционирование............. 49
Абсолютное и фиксированное позиционирование........ 51
Фиксированное позиционирование.................................... 54
«Липкое» позиционирование................................................. 55
Глава 6. Работа с текстом............................................................................... 56
6.1.
6.2.
6.3.
6.4.
6.5.
6.6.
6.7.
6.8.
Свойство text-align..................................................................... 59
Свойство text-align-last............................................................ 60
Свойство overflow....................................................................... 61
Свойство text-decoration-skip-ink......................................... 63
Свойство text-rendering............................................................ 63
Свойство text-indent.................................................................. 64
Свойство text-orientation......................................................... 64
Свойство text-shadow................................................................ 67
Глава 7. Свойства margin, border-radius, box-shadow и z-index.......... 70
Глава 8. Логотип Nike...................................................................................... 76
Глава 9. Свойство display............................................................................... 79
Глава 10. Свойство visibility.......................................................................... 82
Глава 11. Плавающие элементы.................................................................. 83
Глава 12. Цветовые градиенты..................................................................... 84
12.1. Общие сведения.......................................................................... 84
12.2. Типы градиентов......................................................................... 88
7
Глава 13. Фильтры............................................................................................ 93
13.1. Фильтр blur()............................................................................... 93
13.2. Фильтр brightness()................................................................... 94
13.3. Фильтр contrast()....................................................................... 94
13.4. Фильтр grayscale()..................................................................... 94
13.5. Фильтр opacity()......................................................................... 94
13.6. Фильтр hue-rotate()................................................................... 95
13.7. Фильтр invert()........................................................................... 95
13.8. Фильтр saturate()....................................................................... 95
13.9. Фильтр sepia()............................................................................. 95
13.10. Фильтр drop-shadow().............................................................. 95
Глава 14. Фоновые изображения................................................................ 96
14.1.
14.2.
14.3.
14.4.
14.5.
14.6.
14.7.
Указание нескольких значений........................................... 101
Свойство background-position.............................................. 101
Фон из нескольких изображений....................................... 103
Прозрачность фона.................................................................. 104
Множественные фоны............................................................ 104
Свойство background-attachment....................................... 107
Свойство background-origin.................................................. 108
Глава 15. Свойство object-fit....................................................................... 110
Глава 16. Границы........................................................................................... 111
16.1. Эллиптический радиус границы......................................... 114
Глава 17. 2D-трансформации..................................................................... 117
17.1. Свойство translate.................................................................... 117
17.2. Свойство rotate.......................................................................... 118
17.3. Свойство transform-origin...................................................... 120
Глава 18. 3D-трансформации..................................................................... 122
18.1. Свойство rotateX...................................................................... 122
18.2. Свойства rotateY и rotateZ.................................................... 123
18.3. Свойство scale............................................................................ 123
8
18.4. Свойство translate.................................................................... 124
18.5. Создание 3D-куба.................................................................... 125
Глава 19. --">