русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

И описанию.


Дата добавления: 2015-07-09; просмотров: 424; Нарушение авторских прав


В принципе, и это не проблема. Все, что требуется, - включить творческое мышление.

Есть простое решение: не помещайте заголовок и текстовое описание в отдельные

Теги, а держите их в ссылке вместе. Чтобы заголовок был похож юi заголовок,

Используйте CSS. Рассмотрим пример НТМL-кода для достижения такоrо

Эффекта. Этот отрывок представляет собой один из множества элементов маркированного

списка:

<li class="story">

<а href="' vi rgo. html "><span cl ass="ti t l e">Vi rgo: It' s Your Month! </span>

The stars are aligned in your favor. Next month? Not so much.</a>

</li>

В данном случае и заголовок, и краткое описание помещены в ссылку, и вы

можете выделить оба элемента одним стилем:

li .story a:hover {

background-image: url(highlight.gif):

В НТМL-коде заголовок ( <&Virgo, It's Your Month!~) заключен в тег <span>.

Вы можете сделать этот текст похожим на блочный заголовок с помощью нескольких

простых команд:

.story span.title {

display: Ыосk:

text-weight: bold:

font-size: 150 %:

Современные методы стилизации ссылок 265

Весь фокус в том, что значенй:е Ь 1 ock свойства di sp 1 ау заставляет браузер обрабатывать

заключенный в тег <span> фрагмент текста как отдельный заголовок с переносом

Строки до и после фрагмента. Теперь, несмотря на то что заголовок



<== предыдущая лекция | следующая лекция ==>
И Opera - nонимают использование псевдокласса : hover применительно к любым | И краткое описание похожи на отдельные блочные элементы, они по-прежнему


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 1.14 сек.