Основные правила языка CSS

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

1. Опишите формат стилевого определения и приведите пример.

   Ответ. Определение содержит заголовочную часть — селектор и тело в фигурных скобках. Внутри тела записывается список правил.

   

2. Опишите формат стилевого правила и приведите пример.

   Ответ. Каждое правило строится по формуле: свойство: значение. Свойство — это ключевое слово языка (такое, как color или font-size). Значение — это параметр или набор параметров, которые предусмотрены в CSS отдельно для каждого свойства.

   

3. Для чего служит селектор стилевого определения?

   Ответ. Селектор связывает определение с элементами HTML. Правила описывают свойства элементов. Браузер применяет указанные правила к тем элементам, которые задаёт селектор.

4. Каким знаком отделяется имя свойства от его значения?

   Ответ. Двоеточие (:).

5. Каким знаком разделяются стилевые правила?

   Ответ. Точка с запятой (;).

6. В каких случаях недопустимо использовать пробел в записи стилевого правила?

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

   Наименование единицы измерения пишется слитно с числовым значением свойства. Запись font-size:200 % является ошибочной, правильная запись: font-size: 200% (или font-size:200%).

7. Как в CSS записываются комментарии?

   Ответ. Комментарии в языке CSS записываются при помощи конструкции /* Это комментарий CSS */:

   /* Определение для абзацев */
   /* ----------------------- */
   P 
   {
     color:red;      /* красный текст */
     font-size:200%; /* шрифт, увеличенный в 2 раза */
   }
        

8. Назовите 3 способа расположения стилевых определений.

   Ответ. Существуют три способа расположения стилевых определений:

   • в отдельном CSS-файле;
   • в головной части HTML-файла;
   • в открывающем теге отдельного элемента HTML.
   
   
9. Как связать файл CSS с файлом HTML?

   Ответ. Для связи стилевого файла с файлами HTML в головной части последних нужно записывать элемент LINK с указанием имени стилевого файла. Пусть стилевой файл назван style.css. Тогда элемент LINK будет выглядеть следующим образом:

   <LINK rel="stylesheet" type="text/css" href="style.css">
        

10. Как с одним файлом HTML связать несколько файлов CSS?

    Ответ. Для подсоединения к HTML нескольких стилевых файлов нужно записывать столько же элементов LINK со ссылками на соответствующие CSS:

    <LINK rel="stylesheet" type="text/css" href="main.css">
    <LINK rel="stylesheet" type="text/css" href="part.css">
         

    В приведённом выше примере к HTML будут подключены два стилевых файла: один общий — main.css, другой с описанием особенностей — part.css. Порядок следования элементов LINK важен. Если в part.css переопределяются некоторые указания (например, красный цвет в абзацах заменяется зелёным), то LINK с part.css должен быть последним.

11. Почему расположение стилевых определений в отдельном файле является наилучшим решением (из трёх возможных)?

    Ответ. В этом случае за внешний вид сотен HTML отвечает единственный файл. Изменения в этом файле окажут влияние сразу на все страницы сайта, без просмотра их HTML-кода и редактирования.

12. Как расположить CSS в головной части HTML?

    Ответ. CSS-определения записываются внутри элемента STYLE, который должен размещаться в головной части HTML-кода:

13. В каких случаях CSS помещают в головную часть HTML?

    Ответ. В двух случаях:

    1. Если HTML-файл один (редкий случай).
    2. Если нужно для конкретного документа записать специальный набор определений, которые дополняют или изменяют общие правила, описанные в отдельном стилевом файле.
    
    
14. Как расположить CSS в отдельном элементе?

    Ответ. Стилевые правила разрешается внедрять прямо в открывающие теги элементов при помощи атрибута style:

    Значением атрибута style является набор CSS-правил, записанных через точку с запятой. Этот набор никак больше не оформляется, ни фигурными скобками, ни селектором.

    CSS, внедрённый прямо в элемент (скажем, в абзац), будет работать только для этого конкретного элемента (конкретного абзаца) и ни для какого другого.

15. В каких случаях CSS помещают в отдельный элемент?

    Ответ. В следующих двух случаях:

    1. Стилевые указания в HTML применяются к единственному элементу на странице.
    2. Для того чтобы в данном конкретном элементе отменить (переназначить) стилевые правила, описанные в отдельном файле CSS или в головной части HTML.

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