Лучший в мире интернет сайт. Продолжение.
Пример работы с таблицей стилей.


normal
normal
normal
normal
normal
normal
bold
bold
bold
bold
bold
bold
подсветка
текста
Создать папку styles В нее загрузить файл style.css с таким содержимым:

A:link {
FONT-FAMILY: verdana, tahoma, arial; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
A:visited {
FONT-FAMILY: verdana, tahoma, arial; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
A:active {
FONT-FAMILY: verdana, tahoma, arial; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
A:hover {
FONT-FAMILY: verdana, tahoma, arial; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.A1:link {
FONT-FAMILY: verdana, tahoma, arial; COLOR: #0033ff; FONT-SIZE: 14px; FONT-WEIGHT: none; TEXT-DECORATION:underline;
}
.A1:visited {
FONT-FAMILY: verdana, tahoma, arial; FONT-SIZE: 14px; FONT-WEIGHT: normal; TEXT-DECORATION: underline;
}
.A1:active {
FONT-FAMILY: verdana, tahoma, arial; FONT-SIZE: 14px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.A1:hover {
FONT-FAMILY: verdana, tahoma, arial; FONT-SIZE: 15px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.A2:link {
FONT-FAMILY: Courier new, tahoma, arial; COLOR: #660000; FONT-SIZE: 22px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.A2:active {
FONT-FAMILY: Courier new, tahoma, arial; COLOR: #660000; FONT-SIZE: 22px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.A2:visited {
FONT-FAMILY: Courier new, tahoma, arial; COLOR: #660000; FONT-SIZE: 22px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.A2:hover {
FONT-FAMILY: Courier new, tahoma, arial; COLOR: #003300; FONT-SIZE: 22px; FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.td1 { BACKGROUND-COLOR: #cccc99; }
.td2 { BACKGROUND-COLOR: #999966; }
.F1 {
FONT-FAMILY: verdana, tahoma, arial; COLOR: #ffffff; FONT-SIZE: 24px; FONT-WEIGHT: none; TEXT-DECORATION:none;
}
.F2 {
FONT-FAMILY: verdana, tahoma, arial; COLOR: #ffffff; FONT-SIZE: 24px; FONT-WEIGHT: none; TEXT-DECORATION:none;
}
.F3 {
FONT-FAMILY: verdana, tahoma, arial; COLOR: #ffffcc; FONT-SIZE: 14px; FONT-WEIGHT: none; TEXT-DECORATION:none;
}


Этот файл стилей редактируется в блокноте. Но что-то все-равно осталось непосредственно на html странице, поэтому разбирайтесь и c файлом html , и c файлом css. Между тегами head и /head обязательно указать путь на этот файл style.css - LINK rel=stylesheet type=text/css href="styles/style.css" (см. html код этой страницы) Надо проверять - как это выглядит в разных браузерах. В IE и Опере - похоже. Если не устраивает - нужно дальше редактировать стили; другие браузеры не проверяла. Кстати, стиль ВОDY тоже можно описать в таблице стилей, а не как в этом примере. И нужно помнить, что стили тех тегов, которые мы не описали, идут по умолчанию. А все еще есть пользователи, которые меняют стандартные умолчания.

В рамках проекта МОДНЫЙ ВЕБ ДИЗАЙН (главная страница) обращаю внимание, что последние тенденции в моде интернет - это максимальное упрощение стилей, минимизация использования таблиц, фреймов и т.п. в связи с появлением все большего количества наиразнообразнейших устройств для отображения веб страниц с явной склонностью к уменьшению размеров экранов

P.s. (2015 г.) В связи с появлением яндекс-браузера и дальнейшtм развитием других браузеров мы продолжаем развитие этой темы в рамках проекта "Веб дизайн и все-все-все".

Hosted by uCoz