
- •1 Применение к документу внедренных таблиц стилей. Пример
- •2 Применение к документу связанных таблиц стилей. Пример
- •3 Применение стиля на основе селекторов. Пример.
- •4 Применение стиля при помощи style. Пример
- •5 Применение стиля при помощи class. Пример.
- •6 Применение стиля при помощи id. Пример.
- •7 Создание селекторного класса. Особенности применения селекторного класса. Пример.
- •8 Создание безселекторного класса. Особенности применения безселекторного класса. Пример.
- •10 Раскройте смысл использования пробела при наследовании стилей css. Приведите пример
- •11 Единицы измерения в css
- •12 Свойства text_decoration, text_align. Пример
- •13 Свойства text_transform, text_indent. Пример
- •14 Свойства line-height, word_spacing. Пример
- •15 Свойства letter-spacing, vertical-align. Пример.
- •16 Свойства color, background_color. Пример.
- •17 Свойства background_image, background_attachment. Пример
- •18 Свойства background_repeat, background_position. Пример
- •19 Составное свойство background. Пример.
- •20 Свойства font_family, font_style. Пример.
- •21 Свойства font-variant, font-weight. Пример.
- •22 Свойства font-family, font-size. Пример.
- •23 Составное свойство font
- •24 Свойство position, виды позиционирования
- •25 Свойства left, top, height, width. Пример.
- •26 Свойства visibility, z-index. Пример
- •27 Понятие блочный и строчный элемент. Предназначение элементов div и span.
- •29 Свойство float. Пример.
- •30 Свойство clear. Пример.
- •31 Свойства line-height, vertical-align. Пример
- •32 Свойства border-width, border-color, border-style. Пример.
- •33 Составное свойство border. Пример.
- •34 Свойства margin_top, margin_right, margin_left, margin_bottom. Пример.
- •35 Составное свойство margin. Пример.
- •36 Свойства padding_top, padding_right, padding_left, padding_bottom. Пример.
- •37 Составное свойство padding. Пример
- •38 Псевдокласс :first-child. Пример.
- •39 Псевдоклассы :link, :visited. Примеры.
- •40 Псевдокласс :hover. Пример.
- •41 Псевдоклассы :activate, :focus. Примеры.
- •42 Псевдоклассы :first-line, :first-letter. Примеры.
- •43 Псевдоклассы :before, :after. Примеры
- •48 Графический формат jpeg. Особенности.
- •49 Графический формат gif. Особенности. Черезстрочная развертка.
- •50 Графический формат png. Особенности.
- •51 Способы подключения библиотеки jQuery
- •52 Предназначение и смысл jQuery.
- •54 Обработка события загрузки документа в jQuery. Пример.
- •55 Обращение к элементам html страницы при помощи селекторов из jQuery. Пример.
- •56 Обращение к элементам html страницы из jQuery с привязкой к параметрам тегов. Пример.
- •57 Обращение к элементам html страницы из jQuery по индексу. Пример.
49 Графический формат gif. Особенности. Черезстрочная развертка.
Анимация. 256 палитра, используется для логотипов, текста, и для других картинок, где используется один цвет или небольшое (ограниченное) количество повторяющихся цветов. Сжатие без потерь. У черезстрочного сначала хранятся нечетные строки, потом четные. При загрузке со слабым интернет каналом, сначала загружаются нечетные строки (видим контур), потом четные. + прозрачность. Выполняется сжатие по горизонтальным строкам (меньше вес). НЕ используется для изобр. с плавным переходом и полноцветных изображений.
50 Графический формат png. Особенности.
PNG— растровый формат хранения графической информации, использующий сжатие без потерь по алгоритму Deflate
Вместе с тем формат PNG наделен более широкими функциональными возможностями по сравнению с форматом GIF, например:
Более высокая скорость поэтапного отображения с чересстрочной разверткой.
Расширенные возможности хранения пользовательских данных.
Хранение truecolor-изображений глубиной до 48 бит/пиксел.
Хранение изображений в шкале серого цвета глубиной до 16 бит/пиксел.
CRC-метод выявления разрушения потока данных.
Стандартный инструментарий для реализации программ чтения и записи PNG.
Стандартный набор эталонных изображений для тестирования программ чтения PNG.
Вместе с тем формат PNG версии 1.0 пока не обладает:
возможностью записи нескольких изображений, как GIF;
возможностью хранения анимационных последовательностей.
51 Способы подключения библиотеки jQuery
Существуют два варианта подключения jQuery UI:
1Локальное подключение. Данный способ требует скачивание специального файла с официального сайта;
<script type="text/javascript" src="путь_к_папке/js/jquery-ui 1.8.13.custom.min.js"></script>
2Удаленное подключение. Данный способ не требует скачивание файла, а вместо этого использует его удаленно (данная услуга предоставляется компанией Google).
< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
52 Предназначение и смысл jQuery.
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с AJAX.
DOM — это не зависящий от платформы и языкапрограммный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.
Возможности:
Движок кроссбраузерных CSS-селекторов Sizzle[2], выделившийся в отдельный проект;
Переход по дереву DOM, включая поддержку XPath как плагина;
События;
Визуальные эффекты;
AJAX-дополнения;
JavaScript-плагины.
53 Функция $ библиотеки JQuery.
Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким, можно писать его следующим образом: jQuery(function($) { // здесь код скрипта, где в $ будет находиться объект, предоставляющий доступ к функциям jQuery});
У этой функции есть 4 формата представления: $ (<другая функция>) $ (<элемент DOM>) $ (<HTML-текст>) $ (<селектор CSS [, <контекст>] >)