Читаем онлайн «Наглядный CSS»
- 12
НАГЛЯДНЫЙ
CSS
Гр е г С и д е ль ников
2021
ББК 32.988-02-018
УДК 004.738.5
С34
Сидельников Грег
С34 Наглядный CSS. — СПб.: Питер, 2021. — 224 с.: ил. — (Серия «Библиотека программиста»).
ISBN 978-5-4461-1618-8
На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style
в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим.
Грег Сидельников упорядочил свойства по основной категории (положение, размерность,
макеты, CSS-анимация и т. д.) и визуализировал их работу.
Вместо бесконечных томов документации — две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным
справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение
в компьютерный код!
16+ (В соответствии с Федеральным законом от 29 декабря 2010 г. № 436-ФЗ.)
ББК 32.988-02-018
УДК 004.738.5
Права на издание получены по соглашению с Learning Curve Books LLC. Все права защищены. Никакая
часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав.
Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством
как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет
ответственности за возможные ошибки, связанные с использованием книги. Издательство не несет ответственности за доступность материалов, ссылки на которые вы можете найти в этой книге. На момент
подготовки книги к изданию все ссылки на интернет-ресурсы были действующими.
ISBN 978-1983065637 англ.
ISBN 978-5-4461-1618-8
© Learning Curce Books LLC, Greg Sidelnikov
© Перевод на русский язык ООО Издательство «Питер», 2021
© Издание на русском языке, оформление ООО Издательство
«Питер», 2021
© Серия «Библиотека программиста», 2021
Оглавление
Предисловие....................................................................................................... 12
Глава 1. Свойства и значения CSS.............................................................. 13
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.
1.10.
1.11.
1.12.
1.13.
1.14.
Внешнее размещение................................................................ 14
Внутреннее размещение........................................................... 15
Строковое размещение............................................................. 15
Селекторы..................................................................................... 16
Взаимосвязь между свойствами и значениями............... 21
Комментарии в CSS-коде........................................................ 22
Оформление стилей.................................................................. 23
CSS-переменные......................................................................... 25
Метаязык SASS........................................................................... 26
Суть каскадных таблиц стилей.............................................. 27
Селекторы CSS............................................................................ 30
Лояльность CSS.......................................................................... 30
Распространенные комбинации............................................ 30
Сокращенные нотации............................................................. 31
Глава 2. Псевдоэлементы............................................................................... 32
2.1.
2.2.
2.3.
::after................................................................................................ 32
::before............................................................................................. 32
::first-letter..................................................................................... 32
5
2.4.
2.5.
2.6.
::first-line......................................................................................... 33
::selection........................................................................................ 33
::slotted(*)...................................................................................... 33
Глава 3. Псевдоселекторы............................................................................. 34
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
3.16.
3.17.
3.18.
3.19.
3.20.
3.21.
3.22.
3.23.
3.24.
3.25.
3.26.
6
:link................................................................................................... 36
:visited............................................................................................. 36
:hover............................................................................................... 36
:active............................................................................................... 37
:focus................................................................................................ 37
:enabled........................................................................................... 37
:disabled.......................................................................................... 37
:default............................................................................................. 38
:indeterminate............................................................................... 38
:required.......................................................................................... 38
:optional.......................................................................................... 38
: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).............................................................................
CSS
Гр е г С и д е ль ников
2021
ББК 32.988-02-018
УДК 004.738.5
С34
Сидельников Грег
С34 Наглядный CSS. — СПб.: Питер, 2021. — 224 с.: ил. — (Серия «Библиотека программиста»).
ISBN 978-5-4461-1618-8
На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style
в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим.
Грег Сидельников упорядочил свойства по основной категории (положение, размерность,
макеты, CSS-анимация и т. д.) и визуализировал их работу.
Вместо бесконечных томов документации — две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным
справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение
в компьютерный код!
16+ (В соответствии с Федеральным законом от 29 декабря 2010 г. № 436-ФЗ.)
ББК 32.988-02-018
УДК 004.738.5
Права на издание получены по соглашению с Learning Curve Books LLC. Все права защищены. Никакая
часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав.
Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством
как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет
ответственности за возможные ошибки, связанные с использованием книги. Издательство не несет ответственности за доступность материалов, ссылки на которые вы можете найти в этой книге. На момент
подготовки книги к изданию все ссылки на интернет-ресурсы были действующими.
ISBN 978-1983065637 англ.
ISBN 978-5-4461-1618-8
© Learning Curce Books LLC, Greg Sidelnikov
© Перевод на русский язык ООО Издательство «Питер», 2021
© Издание на русском языке, оформление ООО Издательство
«Питер», 2021
© Серия «Библиотека программиста», 2021
Оглавление
Предисловие....................................................................................................... 12
Глава 1. Свойства и значения CSS.............................................................. 13
1.1.
1.2.
1.3.
1.4.
1.5.
1.6.
1.7.
1.8.
1.9.
1.10.
1.11.
1.12.
1.13.
1.14.
Внешнее размещение................................................................ 14
Внутреннее размещение........................................................... 15
Строковое размещение............................................................. 15
Селекторы..................................................................................... 16
Взаимосвязь между свойствами и значениями............... 21
Комментарии в CSS-коде........................................................ 22
Оформление стилей.................................................................. 23
CSS-переменные......................................................................... 25
Метаязык SASS........................................................................... 26
Суть каскадных таблиц стилей.............................................. 27
Селекторы CSS............................................................................ 30
Лояльность CSS.......................................................................... 30
Распространенные комбинации............................................ 30
Сокращенные нотации............................................................. 31
Глава 2. Псевдоэлементы............................................................................... 32
2.1.
2.2.
2.3.
::after................................................................................................ 32
::before............................................................................................. 32
::first-letter..................................................................................... 32
5
2.4.
2.5.
2.6.
::first-line......................................................................................... 33
::selection........................................................................................ 33
::slotted(*)...................................................................................... 33
Глава 3. Псевдоселекторы............................................................................. 34
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
3.16.
3.17.
3.18.
3.19.
3.20.
3.21.
3.22.
3.23.
3.24.
3.25.
3.26.
6
:link................................................................................................... 36
:visited............................................................................................. 36
:hover............................................................................................... 36
:active............................................................................................... 37
:focus................................................................................................ 37
:enabled........................................................................................... 37
:disabled.......................................................................................... 37
:default............................................................................................. 38
:indeterminate............................................................................... 38
:required.......................................................................................... 38
:optional.......................................................................................... 38
: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).............................................................................
- 12