Введение
Это практическое руководство создано для начинающих верстальщиков и frontend-разработчиков, которые уже успели познакомиться с множеством HTML-тегов и CSS-свойств. Как минимум, вы должны быть знакомы со следующими тегами:
- A
- ARTICLE
- BODY
- BUTTON
- DIV
- H1
- H2
- H3
- HEAD
- HTML
- IMG
- INPUT
- LABEL
- LI
- LINK
- P
- SECTION
- SPAN
- TEXTAREA
- TITLE
- UL
Было бы неплохо, если бы вы могли оперировать такими единицами измерения, как px, %, em, rem, vw, vh, vmin и vmax. О единицах измерения стоит почитать здесь, но не волнуйтесь, с основными единицами измерения мы ознакомимся в скором времени. А перед тем, как вы приступите к этому руководству, вы должны понимать, как писать селекторы. Для закрепления этих знаний предлагаю поиграть в эту игру. Кроме того, вы должны знать основные css-свойства, перечисленные в списке ниже, и другие.
- background
- border
- box-shadow
- display
- clear
- cursor
- color
- column-count
- float
- font-family
- font-size
- font-weight
- height
- justify-content
- line-height
- list-style
- margin
- max-height
- max-width
- min-height
- min-width
- opacity
- outline
- overflow
- padding
- position
- text-align
- text-decoration
- text-overflow
- text-shadow
- transform
- transition
- vertical-align
- visibility
- white-space
- width
- z-index