Теперь о CSS - Настройка дизайна - Каталог статей
Приветствую Вас Прохожий | RSS Вторник, 21.02.2017, 08:14
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 29
Гостей: 29
Пользователей: 0


Главная » Статьи » Настройка дизайна

Теперь о CSS
Теперь, перейдем к каскадной таблице стилей, и предадим нашей таблице кое-какой внешний вид.

Для начала, добавим класс .table наше таблицу, и идентификатор #title для ячейки с название нашей таблицы.

Code
<table class=”table” cellpadding="0" cellspacing="0" boder=”0 <tr> <td id=”title” colspan=”2”>Название таблицы</td> </tr>

Теперь, в нашем CSS документе пропишем стили для данной таблицы:

Code
.table { border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-family:Tahoma; font-size:12px; color:#333333} .table td { padding:6px; border:1px solid #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; background-color:#f5f5f5} .table #title { font-family:Trebuchet MS; font-size:14px; text-shadow:1px 1px 0px #fff}

Где у нас значение селекторов:

Code
.table // основной стиль таблицы

Code
.table td // стиль всех ячеек таблицы .table #title // стиль ячейки названия таблицы

И значение атрибутов:

border-bottom:1px solid #ccc; border-left:1px solid #ccc — обводка с низу и с лева; font-family:Tahoma; font-size:12px; color:#333333 — шрифт, размер и цвет текста; padding:6px — отступы внутри ячеек; border:1px solid #fff — общая обводка белого цвета; border-top: 1px solid #ccc; border-right: 1px solid #ccc — обводка с верху и с права серого цвета; background-color:#f5f5f5 — цвет заднего фона;

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

font-family: Trebuchet MS; font-size:14px — шрифт и размер текста; text-shadow:1px 1px 0px #fff — тень у текста;


мои записи и на Я.ру 30306778.38452326.1351063807.0b00d70d238d83e2005afa1230b8e22d
Категория: Настройка дизайна | Добавил: мир (28.12.2010)
Просмотров: 929 | Рейтинг: 0.0/0
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Комплексный прогон сайт...

51

2 Нужны дизайнеры

0

3 Вакансия копирайтера/пе...

1

4 Верстка

13

5 Файловик. Уникальные те...

1

6 Продажа ручного рерайта...

0

7 Куплю сайты с трафиком

0

8 Баннер 88х31

11

9 Оцените макет на тему W...

7

10 Оценка картинки

6


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2017


Кнопка 88х31 сайта ucozon.ru