Декларация !important

CSS декларация !important

Хотя декларация ! important и является валидной, начиная с первой версии спецификации CSS, но особой популярностью она не пользуется из-за плохой репутации.

Эта инструкция является достаточно мощным и полезным инструментом, используемым в веб-разработке, но ее нужно применять с осторожностью.

Данную статью можно считать руководством по использованию декларации ! important и ее применения на практике.

Синтаксис использования

Инструкция ! important представляет собой ключевое слово, которое добавляется после пары ключ: значение; необходимогоCSS свойства. Например:

div {margin-right: 20px! important;}
div {border: solid 2px black! important;}

Эффект от использования

Такой вариант CSS кода задает приоритет определенному правилу в зависимости от его специфичности и позиции в исходнике, что в результате определяет стиль форматируемого HTML элемента. В том случае, если указаны несколько конфликтующих правил для одного элемента, то его стиль определяется согласно следующим принципам:

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

В некоторых случаях необходимо манипулировать приоритетностью CSS правил. Для того, чтобы нарушить каскадную последовательность форматирования элемента нужно применить ключевое слово ! important.

Когда вы используете эту декларацию применительно к определенному правилу (свойство: значение;), то именно это значение соответствующего свойства является наиболее «важным» и имеет самый большой приоритет над остальными возможными значениями данного CSS свойства. Следующий пример демонстрирует похожий случай.

Здесь, хотя второе правило содержит более конкретный селектор и должно иметь приоритет над первым, элемент параграфа будет отформатирован согласно первому правилу, так как к нему применяется декларация ! important:

p {border-width: 1px! important;}
#pID p {border-width: 2px;}

Обратите внимание

Если ключевое слово ! important используется в комбинации с сокращенной формой записи определенного свойства, то оно имеет силу применительно ко всем дочерним вариантам указанного CSS свойства. Пример:

p {border: 1px solid grey;} p { border-width: 1px; border-style: solid; border-color: grey;

}

В каких случаях необходимо применять! important?

Приведем список рекомендаций и нюансов, касающихся использования этой декларации:

  • Ограничение по использованию ! important имеет место в ранних версиях IE 5 и 6. Если какое-либо свойство задано повторно, то это ключевое слово игнорируется:p { margin-left: 10px! important; margin-left: 20px;}В IE 5-6 отступ у элемента параграфа будет 20px, а остальные браузеры применят первое правило и отступ будет равен 10px.
  • Декларация ! important может применяться для отмены значений inline-стилей, расположенных в HTML коде документа. Такой способ определения стилей может быть автоматически сгенерирован визуальными редакторами WYSIWYG, используемых в различных системах управления контентом (CMS). Пример:Example text #container p { color: black! important;}Inline-правило будет проигнорировано браузером, и текст внутри параграфа будет отображаться черным цветом.
  • Декларация ! important может быть полезной в том случае, если необходимо подготовить версию документа для печати. При этом необходимо быть полностью уверенным, что именно установленные вами стили будут применяться для форматирования элементов страницы и исключить влияние других правил.

Есть и неприятные моменты

Переопределение уже существующего CSS правила, в котором используется ! important возможно только путем указания более конкретизированного селектора с тем же правилом и требуемым значением, после которого также должна присутствовать декларация ! important. Это усложняет CSS файл и делает его менее читабельным.

К вашему сведению

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

Итоги

Если декларация ! important применяется грамотно и продуманно, то с ее помощью без особых усилий можно добиться желаемого форматирования документа не тратя на это много времени, но необдуманное ее использование без уважительных причин сделает код вашего CSS файла слишком сложным, что значительно затруднит процесс отладки.

Источник: http://webknowledge.ru/css-deklaraciya-important/

Декларация !important в CSS

Декларация !important стала валидной с первой версии CSS, но похоже она приобрела плохую репутацию в последние годы. Однако если её использовать с осторожностью, то это будет полезным и мощным инструментом. Статья представляет собой руководство к тому как работает декларация и как её надо использовать.

Источник

Как использовать?

Декларация !important — это ключевое слово, которое может быть добавлено в конце любой пары ключ/значение. Например:

p {margin: 10px 5px 5px 10px !important}

Каково её влияние?

CSS присваивает вес каждому правилу, в зависимости от его выборки и позиции в исходном элементе. Это определяет стиль HTML-элемента.

Если появляются два конфликтующих правила, то применяется следующий подход для его разрешения:

  • Источник правила — если одно правило находится в таблице стилей сайта, а второе непосредственно на клиентском компьютере, то применено будет правило клиента.
  • Специфика — если два или более правил имеют отношение к одному и тому же свойству, одного и того же элемента, а также один уровень важности и один источник, то будет применено правило более конкретного селектора.
  • Порядок — если у двух правил один вес, то будет применено последнее.

Иногда необходимо поменять приоритет правил. Разорвать цепочку каскада можно с помощью декларации !important. В случае её использования, отмеченное правило будет иметь больший приоритет и именно оно будет использоваться.

Morrowind / Shutterstock.com

В следующем примере, второй селектор является более конкретным и объявлено в конце, но использоваться будет именно первое правило, поскольку в нём используется декларация !important, которое заменяет все остальные правила.

p {margin-left: 5px !important}
p {margin-left: 10px}

Когда необходимо использовать !important?

Несколько примеров и тонкостей использования:

IE 5/6

Internet Explorer 5 и 6 версии игнорируют !important, если одно и тоже свойство объявлено в правиле дважды.

p {margin-left: 5px !important; margin-left: 10px}

Internet Explorer 5 и 6 применят значение 10px, тогда как остальные браузеры — 5px.

Статья по теме:  Как сделать фиксированный виджет в сайдбаре

Замена inline-стилей

!important может использоваться для переопределения inline-стилей, которые обычно генерируются WYSIWYG-редакторами в различных CMS.

Форматирование текста в таких редакторах осуществляется с помощью вставленных напрямую в html-разметку стилей. Эти стили можно переопределить в таблице стилей, используя декларацию !important.

Например, пользователь хочет вывести текст красным цветом

Текст красного цвета

Однако автор сайта может переопределить этот стиль, чтобы текст всех параграфов выводился, например, чёрным цветом:

#content p {color:black !important}

Стилевые файлы для печати

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

Обратная сторона

Есть только один способ переопределить стиль отмеченный !important — это использовать более конкретный селектор и также отметить используемый стиль декларацией. Всё это может сделать файл стилей сильно запутанным и сложным для понимания.

В CSS1 декларация !important автора сайта имела больший приоритет над пользовательским файлом стилей. Это правило изменилось в CSS2, то есть пользователь всегда может переопределить внешний вид сайта.

Заключение

Использование декларации !important может сделать файл стилей сложным для понимания и отладки, однако если быть аккуратным, то она поможет вам сохранить время и нервы.

Источник: https://fortress-design.com/deklaraciya-important-v-css/

Декларация !important в CSS | CSS-Tricks по-русски

Декларация !important валидна с первой версии CSS, но похоже она приобрела плохую репутацию в последние годы. Однако если её использовать с осторожностью, то это будет полезным и мощным инструментом. Статья представляет собой руководство к тому как работает декларация и как её надо использовать.

Как использовать?

Декларация !important — это ключевое слово, которое может быть добавлено в конце любой пары ключ/значение. Например:

p {margin-left: 5px !important} p {margin: 10px 5px 0 10px !important}

Каково её влияние?

CSS присваивает вес каждому правилу, в зависимости от его выборки и позиции в исходном элементе. Это определяет стиль HTML-элемента.

Если появляются два конфликтующих правила, то применяется следующий подход для его разрешения:

  • Источник правила — если одно правило находится в таблице стилей сайта, а второе непосредственно на клиентском компьютере, то применено будет правило клиента.
  • Специфика — если два или более правил имеют отношение к одному и тому же свойству, одного и того же элемента, а также один уровень важности и один источник, то будет применено правило более конкретного селектора.
  • Порядок — если у двух правил один вес, то будет применено последнее.

Иногда необходимо поменять приоритет правил. Разорвать цепочку каскада можно с помощью декларации !important. В случае её использования, отмеченное правило будет иметь самый высокий «вес» и именно оно будет использоваться.

В следующем примере, второй селектор является более конкретным и объявлено в конце, но использоваться будет именно первое правило, поскольку в нём используется декларация !important, которое заменяет все остальные правила.

p {margin-left: 5px !important} #id p {margin-left: 10px}

Когда необходимо использовать !important?

Несколько примеров и тонкостей использования:

IE 5/6

Internat Explorer 5 и 6 игнорируют !important, если одно и тоже свойство объявлено в правиле дважды.

p { margin-left: 5px !important; margin-left: 10px }

Internat Explorer 5 и 6 применят значение 10px, тогда как остальные браузеры — 5px.

Замена inline-стилей

!important может использоваться для переопределения inline-стилей, которые обычно генерируются WYSIWYG-редакторами в различных CMS.

Форматирование текста в таких редакторах осуществляется с помощью вставленных напрямую в html-разметку стилей. Эти стили можно переопределить в таблице стилей, используя декларацию !important.

Например, пользователь хочет вывести текст красным цветом

Some text

Однако автор сайта может переопределить этот стиль, чтобы текст всех параграфов выводился, например, чёрным цветом:

#content p {color:black !important}

Стилевые файлы для печати

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

Обратная сторона

Есть только один способ переопределить стиль отмеченный !important — это использовать более конкретный селектор и также отметить используемый стиль декларацией. Всё это может сделать файл стилей сильно запутанным и сложным для понимания.

В CSS1 декларация !important автора сайта имела больший приоритет над пользовательским файлом стилей. Это правило изменилось в CSS2, то есть пользователь всегда может переопределить внешний вид сайта.

Заключение

Использование декларации !important может сделать файл стилей сложным для понимания и отладки, однако если быть аккуратным, то она поможет вам сохранить время и нервы.

Источник: http://www.css-tricks.ru/articles/css/css-important

code is art

Octane, 09.08.2008

В статье пойдет речь о том, какими способами можно избежать использования «!important» в CSS.

Итак, почему же стоит отказаться от «!important»?

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

Рассмотрим простой пример использования:

XHTML

Первый абзац

Второй абзац

Третий абзац

CSS

#content p { color: #009; } .p1 { color: #900; } .p2 { color: #090 !important; }

Результат

Первый абзац

Второй абзац

Третий абзац

Получилось, что цвет текста, описанный в классе «p1», не перекрыл значение цвета, заданное через идентификатор родительского контейнера «#content» для дочерних элементов «p».

Это произошло, потому что приоритет стилей, заданных через идентификатор объекта, выше, чем приоритет класса.

В случае с «p2» для параметра «color» задано значение «!important», что дает ему высший приоритет, поэтому мы видим в третьем абзаце текст зеленого цвета.

Представим, что нам требуется таким образом перекрыть много CSS-параметров, тогда получится что-то вроде этого:

#content p { margin: 0 12px; padding: 12px 0; color: #009; font-size: 14px; line-height: 18px; text-align: center; } .p2 { margin: 0 24px !important; padding: 24px 0 !important; color: #090 !important; font-size: 12px !important; line-height: 24px !important; text-align: left !important; }

Читайте также:  Как заработать миллион

Довольно громоздко и некрасиво получилось, не так ли? Давайте подумаем, как обойтись без «!important». Мы знаем, что стили идентификатора перекрывают оформление класса, поэтому и запишем все через идентификатор «#content»:

#content p { margin: 0 12px; padding: 12px 0; color: #009; font-size: 14px; line-height: 18px; text-align: center; } #content .p2 { margin: 0 24px; padding: 24px 0; color: #090; font-size: 12px; line-height: 24px; text-align: left; }

Вот, то, что нужно, ни одного «!important» и все работает так, как и хотелось. Вернемся к нашему примеру и перепишем его без использования «!important»:

CSS

#content p { color: #009; } .p1 { color: #900; } #content .p2 { color: #090; }

Результат

Первый абзац

Второй абзац

Третий абзац

Результат тот же, что и в первом примере, но мы избавились от «!important», а значит избежали проблем, приведенных в начале статьи, да еще и сократили код, если требовалось бы перекрыть несколько параметров.

Важно

До момента написания статьи, я ни разу не встречал такого использования CSS-селекторов:

#identificator.class /* или */ .class#identificator

Как оказалось, применение такой конструкции есть. Допустим, у нас есть меню навигации:

  • Главная
  • Проекты
  • Партнеры
  • О нас
  • Контакты

И по каким-то причинам, стили описаны следующим образом:

#main, #projects, #partners, #about, #contacts { background: #0ff; }

Например, для того, чтобы выделить ссылку на текущую страницу, мы добавляем для нее класс «current», т. к. идентификатор уже задан, но теперь чтобы перекрыть значение параметра «background» нам потребуется использовать «!important»:

#main, #projects, #partners, #about, #contacts { background: #0ff; } .current { background: #ff0 !important; }

Вроде бы «!important» не так и сильно мешает и запись довольно короткая, но вспомним, что IE6 не понимает его. Что же делать? Перепишем код, используя конструкцию, о которой говорилось чуть выше:

#main, #projects, #partners, #about, #contacts { background: #0ff; } #main.current, #projects.current, #partners.current, #about.current, #contacts.current { background: #ff0; }

Все заработало, аналогично примеру с «!important», но теперь и в IE6. Возможно, пример не совсем удачный потому, что получилось больше кода.

Уверен, что найдется и применение конструкции «.class#identificator». Надеюсь, прочтение этой статьи, поможет Вам сократь использование «!important» в ваших таблицах стилей.

Источник: http://www.codeisart.ru/blog/using-important-in-css/

Декларации типа документа

В этой главе рассказывается, как идентифицировать правильный документ XHTML.

Декларация типа документа

В самом начале веб-страницы вы должны определять декларацию типа документа при помощи элемента DOCTYPE. Да, да, именно должны.

Без определения типа документа ваш HTML не полноценен и большинство браузеров будут отображать его в так называемом «режиме обратной совместимости», который означает, что браузеры будут уверены в вашей некомпетентности, и будут исполнять ваш код по своему усмотрению. Будь вы хоть гуру в HTML, ваш код пусть будет безупречен, а CSS идеален, но без декларации типа документа или если она неверна, то ваша веб-страница может выглядеть так, как будто ее делал неграмотный первоклашка.

Декларация для строгого XHTML 1.0 (XHTML 1.0 Strict) выглядит следующим образом:

Совет

Ниже приводится декларация для документа XHTML 1.1, который может показаться более предпочтительным, однако так как это последняя версия XHTML, здесь кроется несколько проблем, которые мы объясним в конце этой главы…

Если вы по какой-либо причине хотите использовать HTML 4 или Netscape 4 для вас эталон браузеров, вы можете декларировать документ для переходного XHTML 1.0 (XHTML 1.0 Transitional):

Правда единственной причиной такой декларации может быть желание поддержать старые и редко используемые браузеры. Переходный XHTML 1.0 разрешает использование старых элементов представления HTML 4, что может улучшить представление страницы в таких браузерах как Netscape 4, однако использование таких элементов способно пагубно сказаться на эффективности и доступности вашей веб-страницы.

Наконец, если вы один из тех эксцентричных людей, которые используют фреймы, то специально для вас существует декларация для фреймового XHTML 1.0 (XHTML 1.0 Frameset):

Обратите внимание, что тег DOCTYPE – своего рода бунтовщик, и его необходимо писать в верхнем регистре с восклицательным знаком перед ним. Также он нарушает еще одно правило – это единственный тег, который не нужно закрывать.

Языковая декларация

Необходимо идентифицировать основной язык документа либо через заголовок HTTP, либо через атрибут xml:lang в открывающем теге .

Хотя это и не требуется для создания правильного XHTML документа, но на доступность оказывает сильнейшее влияние.

Значением этого атрибута является аббревиатура, такая как 'ru' (Русский), 'en' (Английский), 'de' (Немецкий), 'mg' (Малагасийский).

Обратите внимание

Например, языковая декларация для документа с русским основным языком будет выглядеть следующим образом:

После декларации основного языка, если на веб-странице есть контент на другом языке, то нужно использовать атрибут xml:lang линейно (например, HTML Hund).

Типы контента

Также необходимо определять медиатип и набор символов документа HTML, и делается это в заголовке HTTP:

Content-Type: text/html; charset=UTF-8

Первая часть (в данном примере text/html) – это MIME тип файла. Это позволяет браузеру понять, с каким типом файла он имеет дело, и решить, что с ним делать. У всех файлов есть свой MIME тип. Например, у изображения JPEG тип image/jpeg, у файла CSS — text/css, а обычный тип HTML документа — text/html.

Вторая часть заголовка HTTP (в данном примере UTF-8) – это набор символов.

Самый простой способ установить заголовок HTTP – это использовать метатег, например, следующим образом:

Немного более сложный, но и более предпочтительный (так как в этом случае получается правильный заголовок HTTP и при этом размер кода HTML никак не изменяется) способ – это сформировать заголовок и затем отослать его при помощи скриптового языка, работающего на стороне сервера. Например, при помощи PHP это делается следующим образом:

Источник: https://msiter.ru/tutorials/html-prodvinutogo-urovnya/deklaratsii

Как заполнять таможенную декларацию США. Таможенная Декларация США на русском

Если вы сами собираетесь в поездку или вам необходимо проконсультировать того кто едет в США, то часто не хватает времени для сбора информации. Особенно, если это делается не для себя, а для родственников, которые едут к вам без сопровождения. Всё нужно объяснить или пересказать по телефону иногда и не один раз.

Для экономии вашего времени — просто сохраните ссылку на эту страницу или отправьте её тому кому нужна эта информация. В любое время можно кликнуть на линк и прочесть всё ещё раз. Уже даже бабушки и дедушки имеют компьютеры — поэтому проще отправить им ссылку в скайпе или на email и там её уже распечатают или сохранят в избранном.

Каждый человек при въезде в США обязан заполнить Таможенную Декларацию (Customs Declaration). Таможенная Декларация США содержит совсем не так много пунктов, по своей форме и содержанию не сильно отличается от таможенных деклараций других стран. Но важность этого документа очень велика. В США очень большое внимание уделяется персональным данным и любой документации.

Поскольку этот документ вы заполняете лично и указываете самостоятельно ответы на все вопросы, которые способны повлиять на вашу возможность пересечь границу США, то необходимо точно знать о чём идёт речь. Для человека, который имеет даже минимальные знания английского языка всё будет предельно просто.

Каждый вопрос или пункт не имеет двоякого толкования и требует простого, чёткого ответа. Если вы заполнили что-то неверно или пропустили пункт, то иммиграционный офицер обязательно его уточнит у вас. Если ответ на один или на некоторые пункты не соответствует ожидаемому — иммиграционный офицер обязан запретить въезд в США.

Сама декларация не является исчерпывающим источником информации, поэтому будьте готовы к небольшой беседе в формате вопрос-ответ. Прежде всего, если у вас уже есть американская виза, то на границе вас больше готовы пропустить, нежели отказать во въезде. Самое главное — это не представлять угрозы для США и граждан страны по мнению самого иммиграционного офицера.

В любом пункте пропуска обязательно найдётся офицер, который является выходцем одной из стран восточной Европы, так что найти общий язык (скорее всего русский) они смогут.

Если вы не совершаете ничего противозаконного, не имеете злого умысла и не планируете действия способные нанести ущерб США или гражданам страны, но по какой-то причине вас отвели в комнату для личного досмотра и беседы — то без переводчика не вступайте в разговор и не подписывайте никаких документов.

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

Важно

Тогда дело намного серьёзней и рисковать нельзя — вам обязательно нужен переводчик, если дело серьёзное, то консул вашей страны и если ситуация совсем ухудшается не дожидайтесь никого, а требуйте адвоката. Вот что необходимо сказать на английском: I need a lawyer (Ай нид а лойер) — мне нужен адвокат. Теперь сама декларация.

Декларацию выдают ещё в самолёте или на любом виде транспорта на котором вы направляетесь в США. Если по какой-то причине вы уже направляетесь на паспортный контроль в США, а декларации у вас нет, то её можно взять возле пункта контроля и заполнить её на месте. Она представляет из себя вытянутый лист довольно плотной бумаги. Обе стороны имеют поля для заполнения. Один экземпляр декларации заполняется одним человеком. Если вы въезжаете в США семьёй, то один экземпляр заполняется представителем семьи, но с общим итоговым ответом для каждого пункта. Вот как выглядит Таможенная Декларация США (Customs Declaration)

Лицевая сторона

Обратная сторона

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

Итак: для вашего удобства и удобства тех кому вы пытаетесь помочь, в данном обзоре пункты Таможенной Декларации США имеют перевод. Все пункты декларации будут предельно ясны для человека не говорящего на английском языке.

Каждый пункт имеет свой номер, но и визуально можно установить соответствие английского текста посмотрев на начало и окончание фразы или абзаца. Таким образом можно будет легко найти необходимый пункт.

В пунктах 1-9, 15 Visitors и в таблице на оборотной стороне будут указаны шаблонные и абсолютно случайные значения в ответах, только с целью примера. Скопируйте текст и создайте укороченный текст для файла в формате Word с названиями пунктов Таможенной Декларации США и их переводом на русский язык.

Сохраните в файле Word или другом текстовом редакторе. Замените в нём ответы на нужные вам и отправьте своим близким. Они его распечатают и возьмут с собой точную подсказку.

Лицевая сторона Таможенной Декларации США.

Each arriving traveler or responsible family member must provide the following information (only ONE written declaration per family is required): (Каждый прибывающий или ответственный за остальных членов семьи должен предоставить следующую информацию (требуется только ОДНА декларация на семью):

1. Family Name (Фамилия): SHEVCHENKO

First (Given) (Имя): OLGA
Middle (Второе имя): оставляем пустым
2. Birth Date (Дата рождения): Day (День): 15    Month (Месяц): 01   Year (Год): 1950
3. Number of Family members traveling with you (Количество членов семьи, путешествующих с вами): 0
4. (a) U.S. Street Address (hotel name/destination) (Адрес в США где будете проживать): 1679 Madison Avenue NY 10029

Читайте также:  Как заработать криптовалюту без вложений

(b) City (Город): New York      (c) State (Штат): NY

5. Passport issued by (country) (Паспорт выдан страной): UKRAINE
6. Passport number (Номер паспорта): AB123456
7. Country of Residence (Страна постоянного проживания): UKRAINE
8. Countries visited on this trip prior to U.S. arrival (Какие страны посещались до приезда в США): NONE
9. Airline/Flight No. or Vessel Name (Номер рейса или название судна на котором прибыли в страну): AF26
10. The primary purpose of this trip is business (Основная цель поездки — бизнес): поставить галочку на NO
11. I am (We are) bringing (Я везу (Мы везем))
(a) fruits, vegetables, plants, seeds, food, insects (фрукты, овощи, растения, семена, еду, насекомых): поставить галочку на NO
(b) meats, animals, animal/wildlife products (мясные продукты, животных, продукцию животного происхождения, дичь): поставить галочку на NO
(c) disease agents, cell cultures, snails (болезнетворные бактерии, клетчатые культуры, улиток): поставить галочку на NO
(d) soil or have been on a farm/ranch/pasture (почву или находолись на ферме, ранчо, пастбище): поставить галочку на NO
12. I have (We have) been in close proximity of (such as touching or handling) livestock — Я был (мы были) в непосредственной близости (например, прикосновение или уход) с домашним скотом): поставить галочку на NO
13. I am (We are) carrying currency or monetary instruments over $10,000 U.S. or foreign equivalent (see definition of monetary instruments on reverse) (Я имею (мы имеем) с собой деньги наличными или денежные инструменты на сумму свыше $10,000 долларов США или эквивалент в иностранной валюте): в зависимости от суммы поставить галочку на NO или YES
14. I have (We have) commercial merchandise: (articles for sale, samples used for soliciting orders, or goods that are not considered personal effects) (У меня (у нас) есть коммерческий товар: (предметы на продажу, образцы для стимуляции спроса, или товары, не предназначенные для собственных нужд): поставить галочку на NO
15. Residents — the total value of all goods, including commercial merchandise I/we have purchased or acquired abroad, (including gifts for someone else, but not items mailed to the U.S.) and am/are bringing to the U.S. is: (Резиденты США — общая сумма всех товаров, включая коммерческие, которые я купил (мы купили) за рубежом (включая подарки для кого-то другого, кроме товаров отправленных в США по почте) и импортирую в США): данный пункт касается только резидентов США
Visitors — the total value of all articles that will remain in the U.S., including commercial merchandise is: (Для визитёров — общая сумма всех товаров, которые останутся в США, включая коммерческие): $50

Read the instructions on the back of this form. Space is provided to list all the items you must declare. (Прочтите инструкции на обратной стороне данной формы. Впишите в свободные поля всё, что вы должны задекларировать).

I HAVE READ THE IMPORTANT INFORMATION ON THE REVERSE SIDE OF THIS FORM AND HAVE MADE A TRUTHFUL DECLARATION. (Я прочитал важную информацию на обратной стороне данной формы и произвёл правдивое декларирование).

(Signature) (Подпись)      Date (day/month/year) Дата (день/ месяц/год)

_________________________________________________________


Обратная сторона Таможенной Декларации США.

U.S. Customs and Border Protection Welcomes You to the United States (Таможенная служба США приветствует вас в США)

U.S. Customs and Border Protection is responsible for protecting the United States against the illegal importation of prohibited items. CBP officers have the authority to question you and to examine you and your personal property. If you are one of the travelers selected for an examination, you will be treated in a courteous, professional, and dignified manner. CBP Supervisors and Passenger Service Representatives are available to answer your questions. Comment cards are available to compliment or provide feedback. (Таможенная служба США отвечает за защиту Соединенных Штатов против незаконного импорта запрещенных предметов. Офицеры таможенной службы уполномочены задавать вам вопросы и проверять вас и ваше личное имущество. Если вы один из приехавших выбранных для проверки, к вам будет проявлено вежливое, профессиональное и достойное отношение. Руководители Таможенной Службы и Представители Пассажирской Службы всегда готовы ответить на ваши вопросы. Вы можете использовать анкету для благодарности или отправки отзыва.)
Important Information (Важная информация)
U.S. Residents — declare the value of all articles that you have acquired abroad and are bringing into the United States. (Резиденты США — декларируют стоимость всех единиц товара, которые приобретены за рубежом и ввозятся в Соединённые Штаты.)
Visitors (Non-Residents) — declare the value of all articles that will remain in the United States. (Визитёры (нерезиденты США) — декларируют стоимость всех единиц товара, которые останутся в Соединённых Штатах.)
Declare all articles on this declaration form and show the value in U.S. dollars. For gifts, please indicate the retail value. (Декларируются все единицы товара в этой декларации и укажите стоимость в долларах США. Для подарков, пожалуйста, определите розничную стоимость.)
Duty — CBP officers will determine duty. U.S. residents are normally entitled to a duty-free exemption of $800 on items accompanying them. Visitors (non-residents) are normally entitled to an exemption of $100. Duty will be assessed at the current rate on the first $1,000 above the exemption. (Пошлина — Офицеры таможенной службы определяют пошлину. Резиденты США, как правило, имеют право на беспошлинный ввоз товаров на $800, которые следуют вместе с ними. Визитёры (нерезиденты США), как правило, имеют право на беспошлинный ввоз товаров на $100. Пошлина будет рассчитываться по текущей ставке на первые $1,000 сверх указанной нормы.)
Agricultural and Wildlife Products (Сельскохозяйственная продукция и продукция дикой природы запрещены для ввоза)
Controlled substances, obscene articles, and toxic substances are generally prohibited entry. Agriculture products are restricted entry. (Подконтрольные вещества, грязные материалы и токсичные вещества строго запрещены для ввоза.)
Thank You, and Welcome to the United States (Спасибо и Добро пожаловать в США.) __________________________________________________________________

The transportation of currency or monetary instruments, regardless of the amount, is legal, however, if you bring in to or take out  of the United States more than $10,000 (U.S. or foreign equivalent, or a combination of both), you are required by law to file a report on FinCEN 105 (formerly Customs Form 4790) with U.S. Customs and Border Protection.

Monetary instruments include coin, currency, travelers checks and bearer instruments such as personal or cashiers checks and stocks and bonds. If you have someone else carry the currency or monetary instrument for you, you must also file a report on FinCEN 105.

Совет

Failure to file the required report or failure to report the total amount that you are carrying may lead to the seizure of all the currency or monetary instruments, and may subject you to civil penalties and/or criminal prosecution. SIGN ON THE OPPOSITE SIDE OF THIS FORM AFTER YOU HAVE READ THE IMPORTANT INFORMATION ABOVE AND MADE A TRUTHFUL DECLARATION.

 (Перевозка валюты или денежных инструментов, независимо от суммы, является законной, однако, если вы ввозите или вывозите из США более чем $ 10 000 (долларов США или эквивалент в иностранной валюте или комбинация того и другого), закон США требует от вас, закон подать отчет в подразделение министерства финансов США FinCEN 105 (ранее таможенная форма 4790) вместе с пограничной и таможенной службой США. Денежные инструменты включают монеты, валюту, дорожные чеки и документы на предъявителя, такие как личные или кассовые чеки, акции и облигации. Если у вас есть кто-то ещё, кто везёт валюту или денежные инструменты для вас, вы также должны сообщить об этом в отчёте FinCEN 105. Непредставление необходимых отчетов или отказ сообщить общую ввозимую вами сумму может повлечь за собой конфискацию и гражданское наказание и/или уголовного преследования. Подпись на обратной стороне этой формы означает что вы прочитали данную важную информацию выше и произвели правдивое декларирование.)

Description of Articles (Описание единиц товаров)

(List may continue on another CBP Form 6059B) (Список можно продолжить на другой форме CBP 6059B)
Указываем Souvenirs (Сувениры)

Value (Стоимость) $50

CBP Use Only (Только для использования таможенной службой)
Total (Всего) $50

PAPERWORK REDUCTION ACT NOTICE: The Paperwork Reduction Act says we must tell you why we are collecting this information, how we will use it, and whether you have to give it to us. The information collected on this form is needed to carry out the Customs, Agriculture, and currency laws of the United States.

CBP requires the information on this form to insure that travelers are complying with these laws and to allow us to figure and collect the right amount of duty and tax. Your response is mandatory.

An agency may not conduct or sponsor, and a person is not required to respond to a collection of information, unless it displays a valid OMB control number.

The estimated average burden associated with this collection of information is 4 minutes per respondent or record keeper depending on individual circumstances. Comments concerning the accuracy of this burden estimate and suggestions for reducing this burden should be directed to U.S.

Customs and Border Protection, Reports Clearance Officer, Information Services Branch, Washington D.C. 20229, and to the Office of Management and Budger, Paperwork Reduction Project (1651-0009), Washingotn D.C. 20503. THIS FORM MAY NOT BE REPRODUCED WITHOUT APPROVAL FROM THE CBP FORMS MANAGER.

Источник: https://pier88.blogspot.com/2015/07/k.html

Использование media queries в вёрстке email-писем: за и против

19 мая 2015 в 16:12 (МСК) | сохранено19 мая 2015 в 16:31 (МСК)<\p>

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

Однако, прежде чем погрузиться в мир веб-дизайна и вёрстки уникальных email-кампаний, следует поподробнее взглянуть на media queries, как на инструмент, который имеет свои плюсы и минусы.
Media query — это компонент языка CSS.

Этот компонент часто используется в качестве «переключателя», который на основе набора правила отвечает за выбор тех или иных стилей оформления. Media query состоит из трех частей: тип среды (‘media’), выражение (‘expression’) и правила стилей, которые содержатся в самой media query.

Media type используется для объявления среды, к которой будут применяться правила. Существует четыре вариант: все, печать, экран, речь(all, print, screen и speech). Для задач email почти всегда используется тип screen.

Выражения (expressions) позволяют таргетировать устройства с помощью более узких условий. Выражения описывают свойства устройства, например ширину (witdh) и высоту экрана, соотношение сторон (aspect-ratio) и цвет. Часто дизайнеры используют следующие свойства:

  • max- и min-width;
  • max- и min-device-width;
  • device-pixel-ratio.
Читайте также:  Как проверить сайт на ошибки оптимизации

И, наконец, в фигурных скобках указываются CSS-правила, которые применяются, если письмо открывается на устройстве, соответствующем требованиям по типу среды и свойствам в выражении. Media queries пишутся в блоке стилей, который как правило расположен в заголовке html-шаблона. С помощью этого инструмента можно создавать письма, которые хорошо выглядят на разных устройствах в разных почтовых клиентов. Многие дизайнеры создают свои рассылки с применением подхода desktop first — используются таблицы фиксированной ширины, и все оптимизируется таким образом, чтобы письмо хорошо выглядело на десктопе. В таком случае при открытии письма на мобильном устройстве возможны проблемы: почтовый клиент «зумит» письмо, в результате чего кнопки и текст становятся очень маленькими и нечитаемыми, а чтобы увидеть левую часть письма необходимо прибегнуть к горизонтальной прокрутке. Без media queries у дизайнеров было не так много возможностей повлиять на эту ситуацию, но все изменилось. Как известно, шаблоны с фиксированной шириной обычно масштабируются в почтовых клиентах, что может приводить к уменьшению текста до степени полной нечитабельности. В то же время «жидкий» шаблон с процентными ширинами позволяют гибко отображать контент на устройствах с разными экранами.

Теперь предположим, что у нас есть таблица-контейнер (подробнее о них мы писали ранее) с фиксированной шириной в 600 пикселей. В рассматриваемом сценарии требуется переключиться с фиксированной ширины в 600 пикселей при просмотре на десктопе к «жидкой» процентной (100%) ширине при открытии письма на мобильном устройстве:


Как видно к таблице был добавлен атрибут class — достичь желаемого эффекта можно с помощью использования классов для обозначения HTML-элементов и media queries для работы с этими классами. Каждый класс должен иметь имя, в примере он назван .containter-table. Взаимодействие с классом осуществляется с помощью метода выбора атрибутов:/* Обычный метод из веб-дизайна */
table.container-table {} /* Метод выбора атрибутов */
table[class=»container-table»] {}

После добавления класса в таблицу в тег HTML-кода нужно дописать соответствующую media query, содержащую выражение и название класса. Выражение max-width:600px говорит media query о том, что применять правила нужно, если размер экрана устройства меньше 600 пикселей в ширину.@media screen and (max-width:600px) { table[class=»container-table»] { }
}
Теперь следует добавить правила стилей для подстройки значения ширины таблицы в CSS. Следующий код делает таблицу-контейнер «жидкой», если размер области отображения контента меньше 600 пикселей:@media screen and (max-width:600px) { table[class=»container-table»] { width: 100% !important; }
}
Этот же подход может быть использован, чтобы обойти традиционные проблемы с размером изображений, текста и кнопок. Например, если нужно добиться «подстройки» размера шрифта в зависимости от ширины экрана мобильного устройства, сделать это можно способом, аналогичным описанному выше:@media screen and (max-width:600px) { td[class=»mobile-text»] { font-size: 18px !important; }
}
Важно отметить, что чаще всего media queries используются для того, чтобы заменять inline-стили. При этом CSS рендерится каскадом — то есть стили применяются по очереди, а media query располагаются в самом верху HTML-кода документа. Это приводит к тому, что у inline-стилей естественным образом возникает приоритет, который нужно каким-то образом отменить.

Для этого используется декларация !important:

td { font-size: 24px !important; font-weight: bold !important; }

Многие веб-дизайнеры недолюбливают !important, но при вёрстке писем — это незаменимый инструмент. Несмотря на то, что в большинстве случаев media queries применяются для работы со стилями на мобильных устройствах, их можно применять и для более широкого круга задач. Существует множество техник кодирования и дизайна, которые просто не работают в различных почтовых клиентах. Вещи вроде SVG, CSS-анимаций и видео просто восхитительны, когда работают как положено, но могут просто уничтожить все впечатления от чтения письма, если с ними что-то будет не так. Поэтому один из главнейших плюсов media queries заключается в том, что они могут быть использованы для таргетинга почтовых клиентов или платформ и прогрессивной адаптации контента под них.

Например, большинство email-клиентов не поддерживают фоновые видео в email, а с помощью media query можно «нацелиться» на те, что могут отображать такие письма.

Фоновые видео поддерживают лишь некоторые Webkit-клиенты, например Apple Mail и Outlook 2011 для Mac.

С помощью media query можно сделать так, чтобы эти клиенты проигрывали фоновое видео, а остальные почтовые программы просто показывали изображение на фоне:

Источник: https://sohabr.net/habr/post/258313/

Как заполнить налоговую форму w-8ben на микростоке Fotolia

Опишу вам процесс заполнения налоговой декларации для микростока Fotolia.

В 2016 году истекли сроки формы, которую авторы заполняли ранее и появилась обновленная форма, которая визуально выглядит иначе, но смысл остался тот же самый, и заполняется она также (просто выглядит страшнее :-)))

Налоговая форма для данного микростока заполняется аналогично другим микростокам.

Для физических лиц, нерезидентов США, проживающих в странах, имеющих налоговое соглашение с США (куда входит Россия, Украина и пр.) существует налоговая форма w-8ben.

Согласно налоговому соглашению с США для резидентов Российской Федерации из дохода, полученного на микростоках на данный момент вычитается 0%, и подоходный налог данным людям необходимо контролировать и выплачивать самостоятельно, исходя из Российского законодательства. Для Украины вычет равен 10%.

Если налоговую форму НЕ заполнить, вычет составит 30% для всех физических лиц.

Подробнее об этом можно прочитать в статьях:

Обратите внимание

Требование заполнить налоговую форму может всплыть при попытке вывести средства с микростока (как правило, обновлять ее нужно 1 раз в 1-3 года, в зависимости от микростока) или можно зайти в налоговый центр и заполнить ее.

В налоговый центр (tax center) на Фотолии можно перейти по этой ссылке: налоговый центр

Итак, сам процесс заполнения формы:

В этом списке нажимаем на ссылку «Online w-8 BEN form»:

На открывшейся странице появляется сама форма, в поля которой необходимо вписать Ваши данные.

Вот новая форма, ниже опишу, что куда заполнено. Все заполняется ЛАТИНИЦЕЙ.

Форма представлена на английском. Слева, снизу под формой есть поле выбора языка и там есть русский. Но в результате, это не повлияет практически ни на что, только на кнопки типа «Далее», «продолжить», сам текст формы останется на английском.

Часть 1 — Part1.

  1. Ваши фамилия и имя (латиницей)
  2. Страна в которой вы являетесь резидентом: Россия, Украина и пр.
  3. Улица (проспект, проезд, пр.), дом и квартира. Ниже в поле: город проживания, справа от города: страна проживания.
  4. Адрес для писем. Заполняется только в случае, если адрес реального вашего проживания отличается от адреса заполненного выше (туда могут прийти письма от Fotolia)
  5. Не обязательный к заполнению пункт
  6. Не обязательный к заполнению пункт
  7. Не обязательный к заполнению пункт
  8. Дата рождения (сначала месяц, потом день, потом год) в формате 01-16-1990 (обязательно через черточку, через точку, например, не прошло)
  9. Второй части (в Part 2) обязательным является только в п. 9 указание вашей страны (Россия, Украина, пр.)
  10. Не обязательный пункт, можно оставить пустым. Если хотите заполнить — то в provisions of Article пишем 12(1) — для России, 12(2) — для Украины, 3(1)(a) — для Беларуси или пункт статьи для Вашей страны. Далее % налога (0 для России, 10 — Украина). Далее в type of income (тип дохода) — пишем royalty income. Далее в строке Explain the reasons.. (объясните причину применения данной статьи) — Russian residence (вместо Russian поставьте вашу страну)

Далее нажимаем на поле Sign Here, там нужно будет набрать ваши имя и фамилию латиницей (оно автоматически будет переведено в курсив).

Дата заполнения проставится автоматически.

Ниже вбиваем в строку Print Name of signer ваши имя и фамилию Латиницей

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

Если все записано верно, под формой появится синяя кнопка «Подписать» (если вы выбрали русский язык для заполнения) или Click to sign, если у вас интерфейс на английском.

После этого вы сможете спокойно выводить ваши заработанные деньги.

 

Ошибки при заполнении налоговой формы

Наиболее частой ошибкой является неправильное написание своей фамилии и имени во всех полях налоговой формы (должно совпадать как между собой, так и вашим именем в аккаунте). Проверьте написание во всех полях.

Если при попытке конвертировать баллы вы снова попадаете на страницу налогового центра фотолии проверьте, прошла ли ваша форма. Для этого на странице Tax center (налоговый центр) сверху справа нажмите «Смотреть налоговые формы» (See my tax forms)

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

Если стоит серый крестик (эта налоговая форма была отклонена), значит произошла какая-то ошибка, попробуйте заполнить w8ben заново и загрузить ее повторно.

Если все в порядке, а вас все равно перекидывает на страницу налогового центра при попытке вывести деньги, разлогиньтесь и войдите в Ваш аккаунт снова.

Источник: http://microstocks.info/blog/kak_zapolnit_nalogovuju_formu_w_8ben_dlja_fotolia/2017-01-10-138

D é claration en douane таможенная декларация

Instructions

Pour accélérer le dédouanement, veuillez remplir cette déclaration en anglais, en français, ou dans une langue admise dans le pays de destination. Quand la valeur du contenu excède 300 DTS, vous devez utiliser une formule CN23. Vous devez inscrire le nom et l’adresse complets de l’expéditeur au recto de l’envoi.

(1) Veuillez fournir une description détaillée de chaque objet et préciser la quantité ainsi que l’unité de mesure utilisée (p. ex.“2 chemises homme en coton”), notamment pour les objets soumis à quarantaine (produits d’origine animale, végétale, alimentaire, etc.).

(2), (3), (6) et (7) Veuillez mentionner le poids et la valeur de chaque objet et le poids et la valeur totaux de l’envoi. Veuillez préciser la monnaie utilisée (p. ex. CHF pour franc suisse).

(4) et (5) Le n˚ tarifaire du SH (à six chiffres) doit être basé sur le Système harmonisé de désignation et de codification des marchandises élaboré par l’Organisation mondiale des douanes.

Le terme “pays d’origine” désigne le pays d’où proviennent les marchandises (p.ex. le pays où elles ont été produites, fabriquées ou assemblées).

Il est recommandé de fournir ces informations et de fixer une facture à l’extérieur de l’envoi, afin de faciliter le traitement de l’envoi par la douane.

(8) Votre signature et la date engagent votre resposabilité quant à l’envoi.

Инструкции

Важно

Для ускорения таможенного оформления декларация составляется на английском, французском или каком-либо другом языке, принятом в стране назначения. Если стоимость вложения превышает 300 СПЗ, следует заполнять декларацию СN 23. Фамилия и адрес отправителя должны быть полностью указаны в обязательном порядке на лицевой стороне отправления.

(1) Укажите подробное описание каждого предмета и уточните количество, а также используемую единицу измерения (напр., «мужские рубашки из хлопка»), особенно для предметов, подлежащих карантину (продукты животного, растительного происхождения, пищевые продукты и т.д.).

(2), (3), (6) и (7) Укажите вес и стоимость каждого предмета и общий вес и стоимость отправления. Уточните при этом используемую валюту (напр., шв.фр. для швейцарских франков).

(4) и (5) Код ТНВЭД (шестизначный индекс) определяется по Гармонизированной системе описания и кодирования товаров, разработанной Международной таможенной организацией.

Под «страной происхождения» подразумевается страна происхождения товаров (напр., страна, где они были произведены, изготовлены или укомплектованы).

Для ускорения таможенного оформления рекомендуется указывать вышеупомянутую информацию и прикреплять товарный счет к внешней стороне отправления.

(8) Ваша подпись и дата являются подтверждением вашей ответственности за отправление.

Источник: https://gigabaza.ru/doc/88711.html

Ссылка на основную публикацию