СОЗДАНИЕ САЙТОВ | Разработка сайтов - Veselov.sumy.ua

— это базовый, я бы сказал основной, метод подключения CSS к странице. Он позволяет связать веб-страницу и CSS-стили. Вызов добавляется между и вашего HTML документа, например:

@import — Импорт позволяет импортировать одну таблицу стилей в другой. Он работает несколько иначе нежели «линк», так как вы можете импортировать таблицы стилей внутрь связанной через «линк» таблицы стилей. Но не желательно включать @import между и вашего HTML документа, например:

С точки зрения стандартов, нет разницы между ссылкой на внешние таблицы стилей или их импортом. В любом случае это правильно, и в большинстве случаев это будет работать одинаково хорошо. Но есть несколько причин, которые могут склонить вас к использованию одного из них.

Зачем использовать @import?

Наиболее распространенная причина использования @import вместо (или вместе с) состоит в том, что старые браузеры не распознают @import, поэтому вы можете таким образом спрятать от них стили. В частности:

скрыть таблицу стилей от Netscape 4, IE 3 и 4 (но не 4.72):

скрыть таблицу стилей от Netscape 4, IE 3 и 4 (но не 4.72), Konqueror 2 и Amaya 5.1:

скрыть таблицу стилей от Netscape 4, IE 6 и ниже:

скрыть таблицу стилей от Netscape 4, IE 4 и ниже, Konqueror 2:

Еще одно применение для метода @import заключается в том, чтобы использовать несколько таблиц стилей на странице, но вызывать только одну таблицу в . Например, корпорация может иметь глобальные таблицы стилей для каждой страницы на сайте, с подразделами, имеющими дополнительные стили, которые применяются только к этому подразделу. Связывая ссылкой суб-таблицы стилей и импортируя глобальные стили в верхней части суб-таблицы стилей, вам не придется сохранять гигантскую таблицу стилей для всего сайта в суб-таблице для подраздела. Единственное важным требованием является то, что любые правила @import должны быть введены перед остальной частью вашего файла стилей. Также необходимо следить за тем, чтобы не возникало проблем с наследованием стилей.

Зачем использовать ?

Одной из наиболее весомых причин в пользу использования связанных через таблиц стилей является возможность использования альтернативных стилей для ваших клиентов. Такие браузеры как Firefox, Safari и Opera поддерживают атрибут rel="alternate stylesheet" и когда есть возможность позволяют пользователям переключаться между таблицами стилей. А для переключения между таблицами стилей в IE придется использовать javascript свитчер. Такой способ наиболее часто используется для подключения стилей для страниц в увеличенном формате. Как известно, IE не способен нормально увеличивать страницы, поэтому вы можете предложить альтернативный CSS.

Одним из недостатков использования @import является то, что если у вас есть очень простой только c правилом @import, ваши страницы могут отображаться некорректно, в основном в IE6 с так называемым эффектом FOUC. Простым фиксом этой проблемы является внедрение в , по крайней мере, одного дополнительного элемента или .

Media Type

Многие пишут о том, что можно использовать media type для сокрытия таблицы стилей от старых браузеров. Зачастую, этот довод приводится в пользу при сравнивании способов подключения таблиц стилей, но подвох заключается в том, что на самом деле можно использовать media type в обеих случаях, и браузеры, не поддерживающие media type не будут видеть таблицы стилей. Например, Netscape 4 не распознает media type, так что вы можете использовать как связанную через таблицу стилей, чтобы скрыть стиль от этого браузера, так и правило @import:


Но вот в некоторых версиях IE (6 и ниже) не поддерживается тип носителя при использовании правила @import, так что вы можете использовать это, чтобы скрыть таблицу стилей от них:


Итак, какой метод нужно использовать?

Лично я, как и автор статьи, предпочитаю использовать , а затем импортировать таблицы стилей в мой внешний файл стилей. Таким образом, я имею только 1 или 2 строки кода в своем html-документе. Но в общем, все зависит от вас. Если вас больше устраивает @import, то используйте его! Оба метода соответствуют стандартам и, если вы не планируете поддержку действительно старых браузеров (например, Netscape 4) не существует веского довода в пользу какого-либо метода.

Художники и дизайнеры создают визуальные композиции, используя при этом общую базу знаний, но их цели абсолютно разные.


Некоторые дизайнеры считают себя художниками, но лишь немногие художники считают себя дизайнерами.

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

1. Определиться, для чего Вам нужны деньги, то есть, определить глобальную цель. Например: «Заработать 1000$ на новый компьютер».

2. Разбить глобальную цель на более простые цели. Например: «Зарабатывать 10$ в месяц с помощью продажи уникальных текстов».

Итак, у нас есть главная цель – это заработать 1000$ на новый компьютер. У нас есть внутренняя уверенность в том, что нашего потенциала должно хватить на то, чтобы зарабатывать 10$ в месяц, но мы не знаем, как это сделать, ведь у нас нет ни заказчиков, ни умения писать статьи.

В любом деле нужен системный подход. Ведь, если человек хочет что-то достать со шкафа, значит, ему нужно на что-то стать, чтобы дотянуться, но перед этим, ему нужно это что-то принести и поставить возле шкафа.

Первое, что должны сделать Вы – это зарегистрироваться в системе электронных платежей webmoney.ru и установить себе на компьютер ее клиентскую часть. Это позволит Вам получать платежи от покупателей Ваших статей и других видов заработка в сети, и не попадать в неловкое положение, когда покупатель или заказчик оп ICQ напишет Вам: «Статью беру. Дайте свой кошель, я переведу деньги». Помимо Webmoney существуют и другие платежные системы, с которыми Вам придется сталкиваться и осваивать их. Я же привел Webmoney, как один из наиболее распространенных вариантов.

Jeremy Schoemaker платили 200-250 баксов за один пост в твитере, а один рекламодатель заплатил 280 баксов за пост, что в итоге приносило Джереми $1120 в день. Вот такой потенциал твитера в плане заработка.

Причем надо отметить, что у Джереми "всего" 65к фолловеров в твитере - у кучи пользователей имеется по несколько миллионов фолловеров.

Вообще, рекламодатели много экспериментируют и "покупают" твитерян - далеко не всегда эти факты получают огласку.

Я в твиттере http://twitter.com/utz0r2

Сервисы монетизации твитера
http://be-a-magpie.com/

http://sponsoredtweets.com/

http://www.tweetroi.com/

http://www.twittad.com/

Финансовых успехов Вам!

Style.php

Вместо привычного нам расширения .css, мы подключим к страничке файл .php

Тип документа

В самом начале файла style.php необходимо указать, что на выходе нам все-таки нужен файл стилей, т.е. указываем тип документа:

Вводим переменные

Теперь установим значения для нескольких переменных, например такие:

Использование переменных

Достаточно просто вывести обозначенные переменные в необходимых местах стилей:


Другие идеи использования CSS файла сгенерированного с помощью PHP
Сжатие CSS файла с помощью PHP
Теоретически, вы даже можете использовать информацию о User-agent для вывода стилей под конкретный браузер.
В зависимости от сезона года, вы можете менять стили, используя информацию о текущей дате.
Генерировать различные цвета, устанавливать фон случайным образом, и в конце-концов, просто тестировать.

Не работает?

В некоторых случаях (например для реализации нашей идеи в Wordpress), вам возможно потребуется прописать следующие строчки в файле .htaccess (только для Apache):

При этом файл стилей оставляем с расширением .css, а .htaccess кладем в туже папку, где и стили.