Текст

Ответы на вопросы

1. Каким свойством можно задать отступ в первой строке блока? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

   Ответ. Свойство text-indent устанавливает величину отступа первой строки текста в блоке (например, в параграфе). На остальные строки влияния не оказывается.

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

2. Каким свойством можно задавать горизонтальное выравнивание текста относительно границ блока его содержащего? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

   Ответ. Свойство text-align позволяет задавать выравнивание текста относительно границ блока, для которого это свойство задано. Допустимые значения этого свойства:

   • left (выравнивание по левому краю)
   • center (выравнивание по центру)
   • right (выравнивание по правому краю)
   • justify (выравнивание по ширине)

   Значение по умолчанию зависит от языка: left — для языков с написанием слева направо, right — для языков с написанием справа налево. Свойство применимо к блочным элементам, передаётся по наследству.

3. Что понимается под размером шрифта? Какое свойство определяет размер шрифта?

   Ответ. Под размером шрифта понимается кегль, то есть высота кегельной площадки — прямоугольника, который отводится под символ шрифта.

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

   Высота кегельной площадки (кегль) и есть размер шрифта, который задаётся свойством font-size.

4. Что понимается под областью содержимого строки? Чему равна высота области содержимого строки?

   Ответ. При записи текста кегельные площадки примыкают друг к другу и образуют область содержимого строки. Высота области содержимого равна значению свойства font-size.

5. Что такое интерлиньяж, межстрочный интервал, строчный блок и контейнер строки?

   Ответ. К области содержимого сверху и снизу добавляется межстрочный интервал (интерлиньяж — другое название межстрочного интервала). Получается строчный блок. Высота строчного блока равна значению свойства line-height, то есть высоте строки:

   

   Отдельные элементы в строке могут иметь собственный кегль и свою высоту строки. Прямоугольник, который охватывает все строчные блоки строки, называется контейнером строки.

   

6. Чему равен межстрочный интервал, если заданы следующие правила:

   Ответ.

   font-size:20px;      
   line-height:30px;       
         

   Ответ. Межстрочный интервал равен разности между высотой строки и размером шрифта, то есть составляет для приведённых выше правил 10 пикселов. Межстрочный интервал делится пополам (по 5 пикселов) и половинки добавляются сверху и снизу к области содержимого строки.

7. Что понимается под базовой линией строки?

   Ответ. Базовая линия — это воображаемая линия, проходящая по основаниям символов текста. Получается, что сами символы стоят на базовой линии, а хвостики (у кого они есть) свисают вниз.

   

8. Что понимается под высотой строки и какое свойство позволяет управлять этим параметром? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

   Ответ. Высота строки — это высота области содержимого (то есть размер шрифта или кегль), увеличенная на межстрочный интервал.

   

   Высоту строки (высоту строчного блока) задаёт свойство line-height.

   Разница между line-height и font-size равна межстрочному интервалу (который делится на две части: сверху и снизу области содержимого).

   Значения свойства line-height можно задавать в любых единицах размера, в процентах (относительно размера шрифта элемента), в виде числа (которое является множителем, на который умножается размер шрифта) или использовать ключевое слово normal.

   По умолчанию свойство принимает значение normal (обычно эквивалентно числу 1.2 или, что то же самое, 120%). Свойство применимо ко всем элементам и передаётся по наследству.

9. Почему свойство line-height применяют для управления интерлиньяжем?

   Ответ. Высота строки равна размеру шрифта плюс межстрочный промежуток (интерлиньяж). Если менять высоту строки, то будет меняться интерлиньяж, так как размер шрифта остаётся неизменным.

10. Каким свойством можно задавать вертикальное выравнивание элементов внутри строки? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Вертикальное выравнивание элементов внутри строки задаётся свойством vertical-align. Это свойство может принимать следующие значения:

    • baseline (по базовой линии)
    • sub (подстрочный элемент)
    • super (надстрочный элемент)
    • top (верх строчного блока элемента по верху контейнера строки)
    • text-top (верх строчного блока элемента по верхней кромке текста строки)
    • middle (середину строчного блока элемента по точке, которая лежит выше базовой линии строки на 0.5ex)
    • bottom (низ строчного блока элемента по низу контейнера строки)
    • text-bottom (низ строчного блока элемента по нижней кромке текста строки)
    • проценты (вычисляются относительно line-height самого элемента, поднимают или опускают базовую линию элемента относительно базовой линии основного текста строки)
    • любые единицы размера (положительные значения смещают элемент вверх, а отрицательные вниз на указанное расстояние)

    По умолчанию значение свойства равно baseline. Свойство применимо к строчным элементам и ячейкам таблицы, по наследству не передаётся.

11. Какое свойство позволяет управлять расстоянием между словами? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Значение свойства word-spacing добавляется к стандартному расстоянию между словами, то есть свойство word-spacing служит для изменения расстояния между словами. Допускаются положительные и отрицательные значения любых единиц размера, а также ключевое слово normal, которое действует по умолчанию.

    Свойство применяется ко всем элементам, передаётся по наследству.

12. Какое свойство позволяет управлять расстоянием между буквами? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Значение свойства letter-spacing добавляется к стандартному расстоянию между символами, то есть свойство letter-spacing служит для изменения расстояния между символами. Допускаются положительные и отрицательные значения любых единиц размера, а также ключевое слово normal, которое действует по умолчанию.

    Свойство применяется ко всем элементам, передаётся по наследству.

13. Какое свойство позволяет изменять в тексте регистр букв? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Свойство text-transform позволяет изменять в тексте регистр букв. Допустимы следующие значения:

    • uppercase (преобразование в верхний регистр)
    • lowercase (преобразование в нижний регистр)
    • capitalize (прописной становится первая буква каждого слова)
    • none (не оказывает на текст влияния)

    По умолчанию работает значение none. Свойство применимо ко всем элементам, передаётся по наследству.

14. Какое свойство позволяет проводить линию под, над и через текст? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Свойство text-decoration позволяет проводить линию под, над и через текст.

    Свойство может принимать значение none (не оказывает на текст влияния, действует по умолчанию) или значением может быть любая комбинация из следующих ключевых слов:

    • underline (подчёркивание)
    • overline (надчёркивание)
    • line-through (перечёркивание)

    Свойство применимо ко всем элементам, по наследству не передаётся.

15. Какое свойство позволяет управлять поведением браузера по отношению к пробелам и концам строк в документе? Какие значения может принимать это свойство? Какое значение работает по умолчанию? К каким элементам можно применять это свойство? Передаётся ли оно по наследству?

    Ответ. Свойство white-space позволяет влиять на то, как браузер обрабатывает пробелы и концы строк в документе. Свойство может принимать следующие значения:

    • normal (обычное форматирование текста: конец строки равнозначен пробелу, лишние пробелы игнорируются)
    • nowrap (запрещает перенос текста на другие строки, за исключением применения элемента BR)
    • pre (текст отображается как в HTML-коде: с дополнительными пробелами и обработкой концов строк, как в элементе PRE, но без смены шрифта на моноширинный)

    По умолчанию работает значение normal. Свойство применимо ко всем элементам, по наследству не передаётся.

16. Что в CSS понимается под псевдоэлементом? Как, используя псевдоэлементы, можно задавать свойства первой буквы и первой строки?

    Ответ. Псевдоэлементы вводят в документ фиктивные элементы, что позволяет связывать с ними стилевые правила. Визитная карточка псевдоэлемента — двоеточие перед его названием.

    Псевдоэлемент :first-letter обозначает первую букву элемента. Пример использования:

    P:first-letter {color:red;}
           

    Согласно этому правилу, первая буква каждого абзаца будет окрашена в красный цвет.

    Псевдоэлемент :first-line обозначает первую строку блока. Пример использования:

    P:first-line {text-transform:uppercase;}
           

    Согласно этому правилу, первая строка каждого абзаца будет переведена в верхний регистр.

вверх | возврат