Web-конструирование


Содержание:

HTML

CSS

JavaScript


Версия для печати

САМОПРОВЕРКА

Вопросы
  1. Какие три метода существуют для применения таблицы стилей к документу HTML?
  2. Какой метод позволяет создавать образцы стилей (master styles), которые можно затем применять ко всему узлу?
  3. Какой метод позволяет взять любой тег HTML и добавить к нему стиль?
  4. Какой метод позволяет контролировать всю страницу HTML?
  5. Назовите порядок (синтаксис) построения таблиц стилей
Упражнения

Приведите пример метода:

  1. встроенного
  2. внедренного
  3. связанного

Тестирование по теме: "Методы и синтаксис"

Критерии оценок:

  • "5" - 1 и менее ошибок;
  • "4" - 2 или 3 ошибки;
  • "3" - 4 или 5 ошибок ;
  • "2" - 6 и более ошибок.

После выполнения тестирования нажмите кнопку "Показать результат".

Чтобы сбросить все ответы, нажмите кнопку "Очитить выбранные пункты".

Метод позволяет создавать образцы стилей (master styles), которые можно затем применять ко всему узлу:

Связанный
Внедренный
Встроенный
Наследованный

Является элементом, к которому будут применяться назначаемые вами атрибуты :

Property
Selector
Value
Declaration

Указатель и описание образуют строку :

rule
selector
declaration
property

Встроенный стиль применяется к любому тегу HTML с помощью атрибута :

font
style
link
rule

Теги определяют диапазон текста, так что все, находящееся между ними, будет оформлено с помощью нужного стиля:

<div> и <span>
<tr> и <td>
<p> и <code>
<ol> и <ul>

Единственное различие между <div> и <span> состоит в том, что <span> создает принудительный разрыв строки, a <div> - нет. :

да
нет

Внедренные стили используют тег <style>, расположенный между тегами ... в стандартном документе HTML. :

<head> и </head>
<body> и </bodу>
</head> и <bodу>

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

.css
.js
.link
.htm

Любая страница, содержащая связь <link rel=stylesheet href="style-1.css" type="text/css">, будет оформлена в соответствии со стилями, указанными в файле style_1.css :

да
нет

Верное задание связи документа и стиля:

<link href="style-1.css"
<link rel=stylesheet
<link rel=stylesheet href="style-1.css"
<link rel=stylesheet href="style-1.css" type="text/css">




счетчик посещений



© 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru

Сайт управляется системой uCoz