Значения свойств и единицы измерения

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

1. Назовите 4 формы записи цвета, принятые в CSS. Проиллюстрируйте ответ на примере записи красного цвета.

   Ответ. Цвет в CSS можно задавать следующими способами:

   • Фиксированные имена (ключевые слова)
   • Шестнадцатеричная запись
   • Десятичная запись
   • Процентная запись
   
   

   Например, для красного цвета возможны следующие эквивалентные формы записи:

   • red
   • #ff0000 или #f00
   • rgb(255,0,0)
   • rgb(100%,0%,0%)
   
   
2. Назовите абсолютные единицы измерения размера, принятые в CSS и их обозначения.

   Ответ. Абсолютными являются следующие единицы:

   • Дюймы: in
   • Сантиметры: cm
   • Миллиметры: mm
   • Пункты: pt
   • Пики: pc
   
   

3. Чему равен размер, заданный как 1em? Чем привлекательна единица измерения em?

   Ответ. В CSS 1em совпадает со значением свойства font-size текущего шрифта (то есть с размером текущего шрифта).

   Размер, заданный в em зависит от размера шрифта на странице. Если пользователь изменит размер шрифта в браузере, на экране всё перестроится пропорционально. Например, текст вертикального меню никогда не выйдет за пределы блока, ширина которого задана в em. Если сам шрифт задаётся в em, то это не помешает пользователю менять его размер в браузере, даже таком, как IE-6 (или IE-5).

4. Чему равен размер, заданный как 1ex? Почему эта единица практически не используется web-разработчиками?

   Ответ. Величина ex опирается на высоту английской буквы x нижнего регистра текущего шрифта.

   Проблема в том, что высота буквы x в разных шрифтах разная, даже при одном шрифтовом размере. Кроме того, браузеры вычисляют эту величину тоже по-разному, поэтому единицу ex разработчики используют крайне редко.

5. Назовите преимущества и недостатки использования пикселов в качестве единиц измерения размера.

   Ответ. Пикселы приятны тем, что позволяют создавать дизайн независимый от манипуляций пользователя с размером шрифта в браузере и размером окна браузера.

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

   Измерения в пикселах идеальны для растровых картинок.

6. Как записать на CSS абсолютную ссылку на сетевой ресурс? Проиллюстрируйте ответ записью ссылки на картинку, расположенную по адресу: http://www.server.ru/pic/picture.png.

   Ответ. В CSS формат обращения к нужному объекту в сети имеет вид функции с именем url, а в качестве аргумента записывается URL ресурса:

   url(название протокола://адрес сервера/расположение файла)
         

   Так, например, ссылка на картинку http://www.server.ru/pic/picture.png имеет вид:

   url(http://www.server.ru/pic/picture.png)
         

7. Как записать на CSS относительную ссылку? Проиллюстрируйте ответ записью ссылки на картинку с именем fon.gif. Пусть HTML-файлы расположены в каталоге c:/project/web/, файл со стилями — в каталоге c:/project/web/style/, а файл с картинкой — в каталоге c:/project/web/pic/.

   Ответ. Ссылка имеет вид:

   url(../pic/fon.gif)
         

   Текущим каталогом является каталог с файлом CSS, то есть каталог c:/project/web/style/. Сначала переходим к родителю (../), затем в каталог pic (../pic/).

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