Сделай Сам Свою Работу на 5

Селекторы идентификаторов





Тоже позволяет назначить стиль независимо от типа элемента. Но, в отличии от селектора классов, может использоваться в документе только один раз. Обозначается символом решетки (#). У тега прописывается атрибут id. Например:<div id="menu">...</div>

#menu { width:25%;background-color:#ccc;float:left;}

Селекторы атрибутов

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

Для выбора элемента по его атрибуту, независимо от значения этого атрибута используется следующая конструкция: [атрибут]. Например, нам понадобилось отметить красной рамкой изображения у которых задан атрибут alt. Делаем так:<img src="site.ru/img.png" alt="Image" />

img[alt] {border:1px solid red;}

Можно выбрать только те теги, атрибуты которых имеют определенное значение. Нужно, например, ко всем тегам с атрибутом type, значение которого text, применить правило — размер текста 16px. Делается следующим образом:[type="text"] {font-size:16px;}

Если нужно выбрать элементы, атрибут class которых содержит слово img, то используется такой код:[class~="img"] {margin:5px;}

Если нужно выбрать атрибут, значение которого начинается с какого-либо текста: [href^="http://"] {color:#009};



Если нужно выбрать атрибут, значение которого заканчивается на какой-либо текст: [href$=".com"] {font-size:10px;}

Если нужно выбрать атрибут, значение которого содержит какой-либо текст: [title*="man"] {background-color:#0cc;}

Селекторы потомков (контекстные селекторы)

Селекторы потомков подразумевают задание правил для тех элементов, которые находятся внутри какого-то определенного элемента. Понятнее будет на примере. Допустим нужно выделить красным цветом только те ссылки a, которые находятся внутри параграфа p и являются к нему дочерними: <p>Выделяем <a href="#">красным</a> ссылки, которые <span><a href="#">находятся</a></span> внутри параграфа.

p>a {color:red;}

Красной станет только первая ссылка, так как вторая не является дочерней -она дочерняя к тегу span. Если же не имеет значения — дочерняя это ссылка или нет, то применяется следующая запись: p a {color:red;}

Тут уже обе ссылки будут красного цвета.

Селекторы сестринских (соседних) элементов

Для выбора соседних элементов, расположенных на одном уровне, имеющих одного родителя делаем так:1 <p>Для выбора <strong>элементов</strong>, <em>расположенных</em> на одном уровне, <a href="#">имеющие одного родителя</a> делаем так.</p>



1 strong + em {font-style:italic;}

Соседними в данном случае являются теги strong и em, а так же em и a.

Селекторы псевдоклассов

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

Например, нужно изменить цвет посещенных ссылок: a:visited {color:#933;}

Или, например, изменить цвет текста при фокусе (установке курсора) на текстовом поле формы: input:focus {color: red;}

Селекторы псевдоэлементов

Псевдоэлементы — это условные фиктивные элементы, которые являются частью существующих элементов или вводятся в документ дополнительно. Селектор псевдоэлементов и селектор псевдоклассов, точки зрения синтаксиса — это фактически одно и то же. Разница только в выбираемых элементах.

В CSS2 определено 4 псевдоэлемента: первая буква (:first-letter), первая строка (:first-line) и применение специальных стилей до (:before)и после (:after) элемента.

Зададим, к примеру , первой букве каждого абзаца свой стиль:

p:first-letter {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333;}

Посредством селекторов можно довольно просто создавать CSS-правила , применяемые к большому числу аналогичных элементов.

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

Mozilla Thunderbird - мощный опенсорсный почтовый клиент.

Gmail Notifier Pro - небольшая утилита, которая предназначена для автоматической проверки почтового ящика на Gmail и уведомления о поступившей корреспонденции с помощью всплывающего окна возле системного трея. Присутствует возможность открывать письма в браузере, встроенная функция быстрого ответа, выбор типа учетной записи (Google Gmail Atom, Google Gmail IMAP, Google Calendar, подписка на ленту новостей и Google Reader) и многое другое.



Mail.Ru Агент — самая популярная российская программа для общения онлайн. Сегодня Mail.Ru Агентом пользуются более 16 миллионов человек в мире, срзу в сети находятся более 2 миллионов человек. Mail.Ru Агент - это голосовые и видеозвонки, обменмена моментальными оповещениями, бесплатные SMS, поддержка протокола ICQ, сервис микроблоггинга и многое прочее, чтобы всегда быть на связи со своими старыми корешами и завести новые знакомства. Mail.Ru Агент откроет вам широкие возможности для увлекательного и эмоционального общения!

The Bat! – всемирно признанный обработчик электронной почты, который превосходно одержит в себе все качества, необходимые опытному пользователю. Интуитивный интерфейс позволяет пользователям The Bat! приступить к работе сразу после установки. Эффективный механизм фильтрации и сортировки помогает обрабатывать огромные потоки входящей почты, с которыми не справляются другие программы. Системные администраторы по достоинству оценят возможность установки в пакетном режиме, которая позволяет лично контролировать процесс инсталляции The Bat!. Все эти функции, наряду с полностью настраиваемыми инструментами автоматической обработки, избавляют пользователей от рутинной работы.

 

Понятие скриптовых языков. Виды скриптов.

Скри́птовый язы́к (англ. scripting language, в русской литературе принято название язык сценариев) — язык программирования, разработанный для записи «сценариев», последовательностей операций, которые пользователь может выполнять на компьютере. Простые скриптовые языки раньше часто называли языками пакетной обработки (batch languages или job control languages). Сценарии обычно интерпретируются, а не компилируются (хотя всё чаще применяют компиляцию каждый раз перед запуском).

JavaScript и VBScript, а для серверных скриптов – PHP, ASP, Perl и другие. JavaScript и VBScript могут использоваться и для создания серверных скриптов, однако они не имеют возможности отправки файлов на сервер.

 

Язык JavaScript. Основные понятия. Примеры.

JavaScript - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java .С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает. программы JavaScript могут работать только внутри браузера

Определение языка JavaScript. Методы и свойства объектов. Примеры.

JavaScript - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями.

Объект anchor (массив anchors)

Объект anchor не имеет свойств .

Массив anchors имеет следующие свойства:

length определяет число поименованных якорей в документе.

Объект button

Свойства:

name отражает атрибут NAME

value отражает атрибут VALUE

Методы :

Click

Объект checkbox

Свойства :

checked позволяет вам в программе установить какой checkbox будет помечен галочкой.

defaultChecked отражает атрибут CHECKED.

name отражает атрибут NAME.

value отражает атрибут VALUE.

Методы :

Click

 

 








Не нашли, что искали? Воспользуйтесь поиском по сайту:



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.