рефераты конспекты курсовые дипломные лекции шпоры
- Раздел Полиграфия
- /
- Тема Дизайн Web-страниц c помощью CSS
Реферат Курсовая Конспект
Тема Дизайн Web-страниц c помощью CSS
Тема Дизайн Web-страниц c помощью CSS - раздел Полиграфия, Лабораторная Работа №4 ...
Лабораторная работа №4
Тема «Дизайн Web-страниц c помощью CSS»
Цель:
1) научиться использовать свойства стилей для дизайна и верстки Web-страниц
2) выработать навык эстетического оформления web-документа.
Теоретическая часть
CSS-свойства: оформление таблиц
Таблицы
Свойства CSS могут применяться к таблицам, их строкам и ячейкам для задания свойств текста и шрифта, управления фоном, полями, границами,… Создадим таблицу и применим к ней CSS -стили. В таблицу внесем данные о… тег <th>...</th>.ГодБраузер IE Firefox Safari Opera
2009 69.13% 22.67% 3.58% 2.18% 2008 77.83% 16.86% 2.65% 1.84% 2007 79.38% 14.35% 4.70% 0.50%Псевдоклассы
Способы привязки правил оформления CSS к элементам документа HTML могут быть: по названию тега, по имени класса, по ID и т.п. В CSS также существует несколько псевдоклассов. С помощью псевдоклассов можно задать стиль в зависимости от состояния элемента или его положения в документе.
Для ссылок определено 4 псевдокласса:
link - ссылки, которые не посещались пользователем;
visited - посещенные ссылки;
active - активная (нажатая) ссылка;
hover - ссылка, на которую наведен курсор.
Пример:
<html>
<head>
<title>IIpимep</title>
<style>
A:link, A:visited {
color: black;
font-family: Verdana, sans-serif;
text-decoration: none;
}
A:hover {
color: #de7300;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="index.html">Главная</а><br>
<a href="hobby.html">Moe хобби</а><br>
<a href="photo.html">Фотоальбом</а><br>
</body>
</html>
Рисунок 4. Пример: меню сайта
Позиционирование
С помощью CSS можно точно задать положение элемента на странице. Режимом позиционирования управляет свойство position: <html> <head>Плавающие элементы
По умолчанию блочные элементы идут строго друг под другом. Изменить этот порядок можно сделав элементы «плавающими». Для этого служит CSS атрибут… Создадим пример с несколькими плавающими блоками. Зададим основной контейнер с… <html>– Конец работы –
Используемые теги: Тема, Дизайн, Web-страниц, помощью, css0.099
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Тема Дизайн Web-страниц c помощью CSS
Что будем делать с полученным материалом:
Если этот материал оказался полезным для Вас, Вы можете сохранить его на свою страничку в социальных сетях:
| Твитнуть |
Хотите получать на электронную почту самые свежие новости?
Подпишитесь на Нашу рассылку
Реклама
Информация в виде рефератов, конспектов, лекций, курсовых и дипломных работ имеют своего автора, которому принадлежат права. Поэтому, прежде чем использовать какую либо информацию с этого сайта, убедитесь, что этим Вы не нарушаете чье либо право.
© copyright 1999 - 2024 allRefs.net. Все права защищены. Страница сгенерирована за: 0.17 сек.
Новости и инфо для студентов