HTML, CSS fundamentals
.pdffont-weight
•Действие:
–Задает жирность шрифта.
•Значения:
–normal
–lighter
–bold
–bolder
–100-900
•Пример:
P {font-weight:bold}
www.epam.com |
EPAM Systems |
|
|
font-size
•Действие:
–Задает размер шрифта.
•Значения:
–normal
–pt
–px
–%
•Пример:
P {font-family:Arial; font-size:12px;}
www.epam.com |
EPAM Systems |
|
|
Правила текста
•line-height
•text-decoration
•text-transform
•text-align
•text-indent
www.epam.com |
EPAM Systems |
|
|
line-height
•Действие:
–Задает междустрочный интервал.
•Значения:
–точно
–%
•Пример:
P {line-height:0px;}
www.epam.com |
EPAM Systems |
|
|
text-decoration
•Действие:
–Задает «украшение» шрифта.
•Значения:
–none
– |
underline |
|
(текст) |
|
– |
overline |
|
|
|
(текст) |
|
–line-through (текст)
–blink (IE 7+)
•Пример:
P {text-decoration:underline;}
www.epam.com |
EPAM Systems |
|
|
text-transform
•Действие:
–Задает регистр букв.
•Значения:
–none
– capitalize (Слова С Прописных)
–uppercase (ВСЕ ЗАГЛАВНЫМИ)
–lowercase (все строчными)
•Пример:
P {text-transform:uppercase;}
www.epam.com |
EPAM Systems |
|
|
text-align
•Действие:
–Задает выравнивание.
•Значения:
–left
–right
–center
–justify
•Пример:
P {text-align:justify;}
www.epam.com |
EPAM Systems |
|
|
text-indent
•Действие:
–Задает отступ красной строки.
•Значения:
–точно
–%
•Пример:
P {text-indent:10px;}
www.epam.com |
EPAM Systems |
|
|
Цвета
•color
•background-color
•background-image
www.epam.com |
EPAM Systems |
|
|
Способы задания цвета
• По названию
P{ color: navy; background-color: yellow }
•Hexed-код
P{ color: #F9E71A; background-color: #98560F }
•RGB-код
P{ color: RGB(249, 231, 16); background-color: RGB(85%, 24%, 5%) }
www.epam.com |
EPAM Systems |
|
|