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м развитием других браузеров мы продолжаем развитие этой темы в рамках проекта "Веб дизайн и все-все-все". |