Новости » Интернет » Что может CSS или 20 советов и секретов CSS

Что может CSS или 20 советов и секретов CSS

Даже опытные веб-разработчики долго не могут привыкнуть к тому, что с помощью CSS можно сделать практически что угодно — от разметки колонок до кнопок и всплывающих окон. Технология Cascading Style Sheets позволяет контролировать практически любые элементы дизайна — от размера шрифтов до цветовой гаммы отдельных блоков. Более того, CSS способна сделать гораздо больше.

Пит Фрайтаг в своем блоге, посвященном веб-программированию, опубликовал 20 советов и секретов по CSS, подобрав примеры не совсем стандартного использования этой технологии. Каждый пример включает не только демонстрацию оригинального эффекта, но и подробное описание способа его создания.

  1. Закругленные углы.
  2. Закругленные углы без использования изображений.
  3. Создание «звездных» рейтингов.
  4. Формы без использования таблиц.
  5. Стилизованные списки.
  6. Техника разметки двух колонок.
  7. Разметка трех колонок.
  8. Три колонки по центру фиксированной ширины.
  9. Печать средствами CSS.
  10. Добавление стиля CSS в <nobr>RSS-поток.
  11. «Прилипчивый подвал» (footer). Эта техника позволяет сделать такой «подвал», который будет располагаться либо внизу страницы, либо внизу контента, в зависимости от того, что визуально находится ниже.
  12. Эффект «hover». При наведении курсора элемент меняет свой внешний вид. Работает для текста, для ссылок, для графики и для любых других элементов.
  13. Несколько альтернатив для тега горизонтальной разметки (hr).
  14. Перемещение подвижных блоков (floats). Приводится несколько методов, а также способы решения проблем в разных браузерах.
  15. Всплывающие окна средствами CSS.
  16. «Расталкивающие» блоки. Внедрение элементов с автоматическим изменением границ окружающих блоков.
  17. Создание кнопок.
  18. Оранжевые кнопки RSS и XML средствами CSS.
  19. Десять дополнительных советов и секретов CSS.
  20. Еще десять советов по CSS.
20

Комментарии

sashkateam
3.5

3.5

Регистрация
08.06.2011
Предупреждения
Нет
sashkateam
08.06.2011 01:32:28

Блочную разметку сначала понять надо, а потом уже переходить на такое...

KentAVr
Статус
Гость
KentAVr
21.10.2005 11:40:27

Эффект «hover»
Кто не знает его лучше к элементам не применять.. только к ссылкам... в ИЕ работать точно не будет...

Proxyr
Статус
Гость
Proxyr
07.10.2005 22:55:13

мда... вот я и призадумался Смайл - 03

newtech
Статус
Гость
newtech
07.10.2005 08:55:00

Да и, кстати, тот кто не знает English может сообразить и без него что делать. Там ведь представлен код, а это самое главное.

newtech
Статус
Гость
newtech
07.10.2005 08:53:08

А я идеально знаю английский. Смайл - 02 Так что сейчас буду изучать. Спасибо, Эдуард. Смайл - 04

serg
Статус
Гость
serg
06.10.2005 22:41:19

Вау Смайл - 05 Респект, Эдуард.

SLAED CMS
3.24

3.24

Группа
Клиент
Регистрация
30.04.2005
Пол
Мужчина
Из
Germany
Предупреждения
Нет
SLAED CMS
06.10.2005 13:58:58

Ребята, если вы незнаете основ программирования где на 90% используется Английский язык, то разработка и написание скриптов не для Вас Смайл - 17


О сколько нам открытий чудных, Готовит просвещенья дух, И опыт, сын ошибок трудных, И гений, парадоксов друг...
alone
Статус
Гость
alone
06.10.2005 10:25:05

а я корейский=)

ss25_satana
Статус
Гость
ss25_satana
06.10.2005 09:06:14

Смайл - 12 yf fukbwrjv

на аглицком

Sanlab
Статус
Гость
Sanlab
06.10.2005 08:34:36

Я вот в школе изучал китайский язык. Нет ли у кого перевода этой статьи?

Показать ещё комментарии

Страница 1 из 2. Всего: 11

1 2

Вы не можете отправить комментарий анонимно, пожалуйста войдите или зарегистрируйтесь.

Хотите опробовать SLAED CMS в действии?
Идеи и предложения
Обратная связь
Подтверждение

Поделиться
QR-код

Предварительный просмотр