WebReference
Руководства по веб-технологиям
Давайте изучим тёмный режим в контексте веб-сайтов. Мы рассмотрим разные варианты и подходы к реализации дизайна тёмного режима, а также связанные с ним технические аспекты. Попутно мы коснёмся и некоторых советов по дизайну.
Когда речь заходит о веб-разработке, то инструмент Gulp помогает выполнять разные задачи и часто используется для следующего: запуск веб-сервера; автоматическая перезагрузка браузера при каждом сохранении файла; использование препроцессоров, таких как Sass или LESS; оптимизация CSS, JavaScript и изображений.
Bootstrap 4 капитально переработал Bootstrap 3 и многое поменял в его функционировании. Множество изменений было внесено в компоненты, таких как таблицы, формы, сетки, выпадающие списки, панели навигации и многое другое.
Флексбоксы (Flexbox, от flexible box — гибкие блоки) дают веб-разработчикам контроль над расположением элементов, их выравниванием и размерами внутри контейнера.
JSON (JavaScript Object Notation, Нотация объектов JavaScript) — это человекочитаемый текстовый формат, который облегчает обмен данными между различными языками программирования.
Структурные псевдоклассы позволяют выбрать элементы, основываясь на их положении в дереве документа и отношении к другим элементам. К примеру, :first-child выбирает первый элемент в группе братских элементов, т. е., имеющих одного родителя.
Учебные курсы
В данном видеокурсе вы узнаете, что такое стилевой селектор и познакомитесь с базовыми селекторами CSS:
- селекторами элемента;
- классами;
- идентификаторами;
- универсальным селектором.
Для определения размеров блока, его внешнего вида и положения браузер руководствуется алгоритмом, который описан блочной моделью CSS. Знание блочной модели помогает строить отдельные блоки и компоновать их в веб-страницы, что и является основой вёрстки.
Практически любую веб-страницу можно разбить на ряд визуальных блоков, которые обычно отделяются друг от друга фоном или пустым пространством, поэтому хорошо заметны.
Подобное разделение помогает нам ориентироваться на веб-странице и сразу выделять главное и второстепенное содержимое.Стилевое свойство float изначально было внедрено в CSS для создания обтекаемых картинок и текстовых врезок, но со временем расширило сферу своего применения.
Стилем или CSS (Cascading Style Sheets, каскадные таблицы стилей) называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид.
Позиционированием называется положение элемента в системе координат. Различают несколько типов позиционирования: нормальное, относительное, абсолютное, фиксированное и приклеенное.
Рекомендуемое прохождение курсов
HTML. Уровень 1
- Введение в Интернет
- Содержимое в HTML
HTML. Уровень 2
- Самоучитель HTML
- Разделы веб-страницы
- Формы в HTML
CSS. Уровень 1
- Основы CSS
- Текст в CSS
- Блочная модель в CSS
- Позиционирование в CSS
- Продвинутый CSS
CSS.
Уровень 2- Блочная модель
- Блочные и строчные элементы
- float в теории и на практике
- Позиционирование элементов
Самоучитель HTML
Установите наше приложение под Android для самостоятельного изучения HTML.
Паблик WebReference
Читайте наш паблик ВКонтакте.
Видеоуроки
Новые задачи из Практики
- Сердце
- Мигающий текст
- Прозрачность при наведении
- Масштабирование картинки при наведении 2
- Масштабирование картинки при наведении
- Сдвиг при наведении
- Поворот на 360° при наведении
- Масштабирование кнопки
- Плавное изменение цвета
- Обложка видео
- Зацикливание видео
- Автовоспроизведение видео
Задача для самостоятельного решения
Создайте блок с рамкой, как показано на рис. 1. В браузере IE вид может отличаться.
Рис. 1
Перейти к задаче
Новые рецепты
- Как обрезать текст и добавить в конце многоточие?
- Как увеличить размер шрифта?
- Как сделать текст полупрозрачным?
- Почему вместо русского текста выводятся ромбики?
- Как убрать промежуток между пунктами горизонтального списка?
- Как сделать, чтобы в текстовом поле заранее выводился опредёленный текст?
- Как выровнять текст по ширине?
- Как сделать волнистое подчёркивание текста?
- Как сделать подчёркнутый текст?
- Как указать язык сайта по ссылке?
- Как выровнять заголовок таблицы по левому краю?
Вакансии mos Martini UIAutomator Hapi B2B Puppeteer CodeIgniter Инфографика Backend AppsFlyer CSS
← НазадУдаленная работа (Remote), В офисе, Relocate, С хорошей зарплатой, Информационные технологии, Разработка, Специализация, Fullstack, Frontend, Mobile, DevOps, Инструменты, Ansible, Chef, Docker, Kubernetes, Nagios, Puppet, Системное администрирование, BSD, Linux, Mac, Windows, Администратор, БД, Приложений, SRE, Инженер, Presale, Билд, Релиз, Сетевой, Сервис, QA, Appium, Gemini, Katalon Studio, Phantom. js, Postman, Selenium, Auto, Gamedev testing, Manual, Mobile testing, SDET, ИБ/IS, CEH, Pentesting, Техническая поддержка/Helpdesk, Аналитика, Data Science, Big Data, BI аналитика, METABASE, OLAP, Oracle BI, PowerBI, Pentaho, QlikView, Shiny/Dash, SAP BO, Tableau, Системы аналитики, Amplitude, AppMetrika, Appstore connect, Adjust, Amlitude, AppAnnie, DeltaDNA, Devtodev, Firebase, FB/Instagram API, Flurry, Game Analytics, Google Tag Manager, Google Analytics, Hotjar, Kissmetrics, Mixpanel, Piwik, Periscope, Яндекс.Метрика, Data scientist, Аналитик, Исследователь, Менеджер, Разработчик, Тип анализа данных, Data Science, Machine Learning, Marketing аналитика, Product аналитика, RND, UX аналитика, Web аналитика, Бизнес анализ, Инвестиционный анализ, Клиентская/CRM аналитика, Операционный анализ, Системный анализ, Финансовый анализ, Управление продуктом и проектами, Product management, Project management, Product Owner, Управление процессами, Управление разработкой, Управление внедрением, Маркетинг и PR, Digital маркетинг, ASO, CRM, Context, E-mail (Direct), Programmatic, PPC, SEO, SEM, User Acquisition, PR, Devrel, GR, IR, Influence, Связи с общественностью, ATL, Brand, BTL, Event, Growth, Media Planner, Media Buyer, SMM/ Community, SERM, Trade маркетинг, Вирусный маркетинг, Контент маркетинг, Маркетинговые исследования, Affiliate / Партнерский маркетинг, Программы лояльности, Спецпроекты, Арт, Дизайн, Gamedev design, Concept, Level, Narrative, Игоровой баланс, UX/UI design, Mobile design, UX, UI, Web design, Спецэффекты, CGI, SFX, VFX, 2D/3D, Marketing design, Motion, Анимация, Арт директор, Бренд дизайн, Видео, Графический дизайн, Дизайн интерьеров, Иллюстрация, Полиграфия, Технический дизайн, Продюсирование, Digital, Gamedev, Контент, Креатив, Медиа, Образовательные проекты, Продакшн, Продажи, закупки, клиентская поддержка, Аккаунтинг, Биздев, Закупки, Клиентская поддержка, Привлечение клиентов, Работа с ключевыми клиентами, Работа с партнерами, Сфера продаж, Реклама, Indoor, Outdoor, Софт, Товары, Услуги, Тип продаж, B2C, B2G, Активные, Опт, Пассивные, Розница, Телемаркетинг, Франчайзи, Автор, Журналист, Корреспондент, Копирайтер, Корректор, Переводчик, Редактор, Сценарист, HR, C&B (компенсации и льготы), HR бренд, HR проекты, T&D (обучение и развитие), Внутренние коммуникации, КДП, Рекрутинг, Support, бэкофис, Ассистент, Документооборот, Колл-центр, Biometric, Blockchain, Computer Vision, Dev tools, Desktop, Data Analysis, Ecommerce, Embeded, ERP, FMCG/Потребительские товары, Hardware, IoT/IIoT, ML/AI, Natural Language Processing (NLP), Robots/Drones, SaaS/PaaS, SmartTV, Voice assistants, VR/AR, WEB, Банковская и страховая сфера, Государственные проекты, Заказная разработка, Киберспорт, Консалтинг, профессиональные услуги, Культура и искусство, Логистика и транспорт, Медицина и фармацевтика, Наука, Образование, Платежные технологии, Промышленность, Производство, СМИ, Медиа и индустрия развлечений, Системная интеграция, Сельское хозяйство, Строительство и недвижимость, Торговля и общепит, Телекоммуникации, Стажер, Джуниор, Миддл, Сеньор, Тимлид/Руководитель группы, Руководитель отдела/подразделения, Директор, VP, Архитектор, Консультант, 1С, Bash, Clojure, C++, CoffeeScript, C#, C, DAX, Dart, Erlang, Elm, Groovy, Go, Haskel, Java, JavaScript, Kotlin, LiveScript, Lua, Node.
Москва, Россия
300K — 450K ₽Senior Java developer / Architect
Aгентство NewHR
Что за компания?ERP с SAAS сервисами50+ продуктовБолее 1 млн B2B клиентовВ группе разработки ядра платформы расширяем команды:Реализация IDE -кастомная среда разработки, молодой проект (менее 5 лет), несколько млн строк кода.
США
5.5K — 7.5K $Senior/Lead Frontend Developer
Aгентство NEWHR
О компанииКрупная международная компания с HQ во Флориде (США) с собственным парком бизнес-джетов сегмента люкс, занимающаяся организацией частных авиаперевозокО продукте Разработка сервисов бронирования бизнес-джетов для премиум и люкс сегментов пользователей, а также платформы для операторов бизнес-джетов.Мы масштабируем продуктовую IT команду и ищем опытных Senior и TechLead Frontend разработчиков.Чем предстоит заниматься:Поддержка и развитие текущих продуктовСоздание с нуля новых продуктовОбеспечение вс…
Москва, Россия
170K ₽ПА
Руководитель отдела разработки ПО (MES).
ПАГ (Process Automation Group)
Чем предстоит заниматься?Руководство отделом 4-7 специалистов-разработчиков ПО;Выстраивание работы отдела, контроль выполнения задач, загрузки специалистов;Развитие отдела, оптимизация скорости реализации проектов, предложения по повышению эффективности;Участие в выработке решений и систематизация выполнения задач;Анализ эффективности работы и выполняемых проектов;Участие в подготовке ТКП по проектам и поддержке продаж проектов.С кем мы хотим встретиться на собеседовании?Необходимо:Иметь практический опыт р…
Москва, Россия
Продуктовый аналитик
Aгентство NewHR
Финансовая экосистемаАудитория более 15 млн клиентовЗадачи:Построение системы метрик в продуктеАнализ продуктовых фич и гипотезПроведение и обсчет АВ-тестов и экспериментовИсследовать поведение пользователей, находить проблемы и точки ростаВыступать партнером продуктовых команд при принятии решений на основе данныхПринимать участие в формировании и приоритизации продуктовых планов на основе проведенных исследованийИнформативно визуализировать данные в системах визуализации (Tableau, Grafana)Достигать амбици…
Москва, Россия
230K — 280K ₽Ведущий разработчик / Архитектор Java
Aгентство NewHR
Что за компания?Масштабная мультифункциональная ERP с SAAS сервисамиЛидер в своем сегментеОколо 500 продуктовБолее 1 млн b2b клиентовНад какими проектом предстоит работать?Разработка с нуля большой технологической платформы, включающей в себя полнофункциональное средство разработки и среду исполнения бизнес приложений в различных вариантах (локальном, клиент-серверном, кластерном, мобильном, облачном, распределенном, …). Что нужно делать?Проектирование системной архитектуры и разработка программного кода.Ауд…
Junior Data Analyst relocation to South-Eastern Europe
Aгентство NEW.HR
Junior Data Analyst (relocation to South-Eastern Europe)International teamFintechСlients from 120 countriesJob OverviewAs part of the Data Science/Analytics team you are going to participate in the development and implementation of systems, study the clients’ behavior and needs, and support the business with clear insights, automate current processes, and visualize results of analytics.What will you do:Analise and optimize current marketing processesFind insights and areas of improvements in dataVisualize a…
Россия
от 250K ₽Ре
Java/Senior Developer (Calypso)
Aгентство Рекрутер Светлана
Проект:Развитие и сопровождение учетной системы Calypso для поддержки операций инвестиционно-банковского бизнеса компании. Функциональное покрытие – бэк-офисные и мидл-офисные операции, собственная и агентская торговля. Продукты – биржевая и внебиржевая торговля, в том числе производными финансовыми инструментами.Calypso – Java приложение с 3-ех уровневой архитектурой, работающее на JBoss AS, «толстый» клиент на Swing. Java версии 1.8. Версия Calypso – 16.1.Функциональное покрытие – бэк и мидл-офисные опера…
Products and Clients Analytics Team Leader (relocation to South-Eastern Europe
Aгентство NewHR
International teamFintechСlients from 120 countriesWhat you will do:Communicate with other teams and departments to understand business needs and requirementsProvide a clear understanding of our products and services with the help of data analysis and investigationsDevelop and monitor analytical metricsCommunicate proactively insights and analysis done by the teamLead and expand Products and Clients Analytics team to meet the analytical needs of the CompanyImprove and manage the processes of the team (hiri…
Москва, Россия
Lead Product Manager (mobile games)
newhr
Who we areGlobal company that creates mobile gamesHQ in Barcelona, SpainProduct: free to play mobile gamesMain game has more than 1 BLN downloadsAbout your productAs a Lead Product Manager, you will be responsible for growth of live games portfolio — from the roadmap planning phase through the design of new features, new up-dates releases and post-release optimizationWhat you will doLead a process of creating live free to play gamesDefine and implement the vision for the games to make them engaging, viral, …
Montenegro
Junior Crypto Research Analyst
Aгентство NEW. HR
Junior Crypto Research Analyst (relocation to South-Eastern Europe)International teamFintechСlients from 120 countriesJob OverviewAs part of the Data Science/Analytics team you are going to participate in the development and implementation of systems, study the clients behavior and needs, and support the business with clear insights, automate current processes, and visualize results of analytics.What will you do? Monitoring blockchain (transactions/protocols/etc) in order to find ways of current business pr…
Лимасол, Кипр
200K — 500K ₽Senior / Tech Lead Software Engineer
Vacuumlabs
Within the framework of global expansion, Vacuumlabs is looking Topnotch Software Developers to join our outstanding global delivery team. What we are looking: Senior and Tech Lead Software Engineers (with over 5 years of experience) with passion for making the world a better codebase while working on the next generation of fintech. We are open to candidates with a variety of tech stack knowledge and are happy to support our developers with learning new and needed tech stacks for specific projects. Candidat…
Montenegro
Product Analyst (relocation to Montenegro)
Aгентство NewHR
International teamFintechСlients from 120 countriesWhat you will doCommunicate with other teams and departments to understand business needs and requirementsProvide a clear understanding of our products and services with the help of data analysis and investigationsDevelop and monitor analytical metricsCommunicate proactively insights and analysis resultsConduct AB tests analysisContribute to process of development of Experimentation Platform and processes related to experimentationCollaborate with data engi…
Montenegro
Senior Business Analyst — Team Leader (relocation to Montenegro)
Aгентство NewHR
International teamFintechСlients from 120 countriesWhat you will doCommunicate with stakeholders and leaders of departments and business units to understand their business needs and support their operations and developmentDevelop and monitor business metrics and business KPIsBusiness performance analysis and optimisationAnalysis of deviations in business performanceIdentify issues, risks and benefits of existing and proposed solutions and outline business impactsExpand and automate business performance moni…
Финляндия
4K — 6K $Senior/Lead Full Stack Developer (React / Node. js)
Aгентство NEWHR
О компании и продуктеМы — международная компания с HQ в ФинляндииНаш проект — маркетинговая Saas ABM платформа, предоставляющая корпоративным клиентам инструменты для доставки контента в их целевые аккаунты и отслеживания уровня их интереса к рекламируемым темам.Распределенная инженерная команда (remote only), преимущественно русскоговорящаяКого ищемПроект активно развивается, запускаются новые направления, поэтому ищем в команду опытного Senior/Lead Full Stack разработчика для активного участия в развитии…
San Francisco, CA, USA
7K — 9K $Python Backend Engineer (ML Platform)
Aгентство NewHR
Who we areThe industry’s first hybrid cloud data security provider, the market leading DSPM platform.The company has been included in the 2022 Cool Vendors in Data Security – Secure and Accelerate Advanced Use Cases1 by Gartner.Super professional team of enthusiastic developers, each with rich experienceHQ in USA, San FranciscoFully English speaking teamYour responsibilitiesImplementation of new featuresCode scalingWork with distributed systemsCode optimization (e. g. data ingestion pipeline, ML model infere…
Москва, Россия
270K — 400K ₽Middle/Senior Node.js разработчик
Aгентство NEWHR
О компании и продукте Сеть современных медицинских частных клиник в Москве. Компания разрабатывает собственные технологические решения для себя и планирует продавать их внешним клиентам (уже есть успешный опыт внедрения). Продукт — интегрированная информационная система, полностью автоматизирующая все бизнес процессы медицинского учреждения.Ищем Middle/Senior Backend разработчиков для участия в разработке активно развивающегося продукта.Что предстоит делать:Развитие текущего функционала и реализация новых …
США
6.5K — 8.5K $Senior React Native Developer
Aгентство NEWHR
О компании, продукте, команде:Международный стартап с HQ в США и распределенной инженерной командой с высоким уровнем технической экспертизы;Продукт — интерактивный цифровой дисплей премиум-класса для демонстрации NFT и цифровых произведений искусства в реальной жизни с применением blockchain технологий для обеспечения безопасности подлинного права собственности на произведения искусства. Ищем опытного React Native разработчика для активного участия в развитии проекта. Чем предстоит заниматься:Активное разв…
London
7.5K — 9K $Senior Kotlin engineer (DataOps platform)
NewHR хантинговое агентство
About the Company:We are a startup with HQ in London, UK and with the high-qualified international team. We are proud to be recognized as one of the best AI companies of the year (by the British Data Awards, 2021) and won an award as the most innovative AI solution (by Computing, 2020). Also, we are proud to be amongst the official members of the Forbes Technology Council.About the Product:We develop an all-in-one DataOps platform — an AI product that allows our customers to quickly and efficiently synthesi…
London, UK
6.5K — 8.5K $Senior/ Lead Python developer (Private Aviation/ Luxury segment)
Aгентство NewHR
О компании:Международная компания в сфере частной авиации в luxury-сегменте с офисами в Америке, Англии, Европе и других странах. Один из крупнейших игроков на рынке прайвет джетов, с собственным флотом более 400 самолетов, а также около 3500 частных самолетов в партнерской сети.Компания более 9 лет на рынке, при этом развивается как высокотехнологичный стартап, с устойчивым финансированием и прибылью, а также планами выхода на IPO в будущем. Основные Клиенты компании — это долларовые миллиардеры и мультими…
USA
Senior Frontend Developer
Aгентство NEWHR
Company — an international startup with HQ in the US and a distributed engineering team with a high level of technical expertise.Product — a premium interactive digital screen for displaying NFTs and digital works of art in real life using blockchain technologies to ensure the security of exclusive ownership of works of art.We are looking for an experienced Frontend Engineer to actively participate in the development of the project.What you will do:active development of the main product;implementation of ne…
страниц 46
Access tender.
mos.ru. Органы власти / Сайт Москвыtender.mos.ru
tender.mos.ru
1916 ms
core.css
core.css
270 ms
colorbox.css
colorbox.css
268 ms
main.css
main.css
696 ms
print.css
print.css
281 ms
style.css
style.css
288 ms
style.css
style.css
287 ms
styles.css
styles.css
398 ms
core.js
core.js
731 ms
core_ajax.js
core_ajax.js
556 ms
json2.min.js
json2.min.js
419 ms
core_ls.js
core_ls.js
418 ms
session.js
session.js
528 ms
modernizr-2.6.1.min.js
modernizr-2.6.1.min.js
557 ms
jquery-1.8.1.min.js
jquery-1.8.1.min.js
978 ms
jquery-ui-1.8.23.custom.min.js
jquery-ui-1.8.23.custom.min.js
1320 ms
jquery-migrate-1.0.0.js
jquery-migrate-1.0.0.js
727 ms
plugins.js
plugins. js
1531 ms
script.js
script.js
1107 ms
main_tender.js
main_tender.js
832 ms
highcharts.js
highcharts.js
1139 ms
platform.js
platform.js
97 ms
watch.js
watch.js
224 ms
watch.js
watch.js
605 ms
ba.js
190 ms
mcounter.php
mcounter.php
415 ms
tender.mos.ru.png
tender.mos.ru.png
412 ms
exact_115x115_Quality85_image002.jpg
exact_115x115_Quality85_image002.jpg
185 ms
exact_115x115_Quality85_parkovki.jpg
exact_115x115_Quality85_parkovki.jpg
184 ms
newmos.ru.png
newmos.ru.png
307 ms
activecitizen_new.jpg
activecitizen_new.jpg
265 ms
gorod_control_240.png
gorod_control_240.png
186 ms
eiip_240x115-novyy-klyuch.jpg
eiip_240x115-novyy-klyuch.jpg
305 ms
mnogoetazhka-2.jpg
mnogoetazhka-2.jpg
696 ms
fond.
jpgfond.jpg
305 ms
banner-karta-tarifov_240x115.png
banner-karta-tarifov_240x115.png
661 ms
fkr_baner_240_240_11_06.gif
fkr_baner_240_240_11_06.gif
1118 ms
trudvsem.png
trudvsem.png
424 ms
836.jpg
836.jpg
561 ms
dsc_6626.jpg
dsc_6626.jpg
547 ms
auktsion.jpeg
auktsion.jpeg
562 ms
1_11.jpg
1_11.jpg
821 ms
1_41.jpg
1_41.jpg
840 ms
birzha-torgov-banner-1-iz-4-s-obvodkoy.jpg
birzha-torgov-banner-1-iz-4-s-obvodkoy.jpg
839 ms
1_21.jpg
1_21.jpg
924 ms
416307.jpg
416307.jpg
835 ms
risunok6.jpg
risunok6.jpg
959 ms
89971677_interesnuye_faktuy_pro_moskvu_5.jpg
89971677_interesnuye_faktuy_pro_moskvu_5.jpg
973 ms
as_0027.jpg
as_0027.jpg
981 ms
luzhniki_1.png
luzhniki_1.png
979 ms
gospitalnyy-val.
jpggospitalnyy-val.jpg
1057 ms
sobyanin-v-kaske.jpg
sobyanin-v-kaske.jpg
1096 ms
vagon.png
vagon.png
1113 ms
75619_700_63d95fe16a4cac43136963155bdd42bb.jpg
75619_700_63d95fe16a4cac43136963155bdd42bb.jpg
1118 ms
aktiv.jpg
aktiv.jpg
1119 ms
89971677_interesnuye_faktuy_pro_moskvu_5.jpg
89971677_interesnuye_faktuy_pro_moskvu_5.jpg
1188 ms
activitylast2303.jpg
activitylast2303.jpg
1232 ms
58139498-79×79.jpg
58139498-79×79.jpg
1251 ms
57460345-79×79.jpg
57460345-79×79.jpg
1254 ms
57311535-79×79.jpg
57311535-79×79.jpg
1256 ms
55813091-79×79.jpg
55813091-79×79.jpg
1259 ms
all.js
all.js
269 ms
55548496-79×79.jpg
55548496-79×79.jpg
1318 ms
analytics
analytics
463 ms
piwik.js
piwik.js
531 ms
advert.gif
advert. gif
119 ms
getgraph
getgraph
1411 ms
getgraph
getgraph
1419 ms
header_validate.php
header_validate.php
1641 ms
bx_stat
bx_stat
208 ms
54292588-79×79.jpg
54292588-79×79.jpg
1136 ms
54292516-79×79.jpg
54292516-79×79.jpg
1098 ms
53872544-79×79.jpg
53872544-79×79.jpg
1151 ms
1
117 ms
124 ms
53837098-79×79.jpg
53837098-79×79.jpg
1227 ms
xd_arbiter.php
xd_arbiter.php
223 ms
xd_arbiter.php
xd_arbiter.php
426 ms
53408957-79×79.jpg
53408957-79×79.jpg
1133 ms
pic3.jpg
pic3.jpg
1297 ms
14112952
14112952
113 ms
obratnaya-svyaz-_-variant4.jpg
obratnaya-svyaz-_-variant4.jpg
1134 ms
fblogo1.png
fblogo1.png
1404 ms
vk.png
vk.png
1894 ms
piwik.php
piwik. php
175 ms
twitter.png
twitter.png
1082 ms
instagram1.png
instagram1.png
1125 ms
youtube1.png
youtube1.png
1032 ms
dopotbor-fkr-2016.jpg
dopotbor-fkr-2016.jpg
1045 ms
podobrat-obekt-novyy.jpg
podobrat-obekt-novyy.jpg
1119 ms
banner-shyui.jpg
banner-shyui.jpg
2786 ms
16_02_25_240x115_0.02a.gif
16_02_25_240x115_0.02a.gif
2515 ms
malenkiy-mogilki.jpg
malenkiy-mogilki.jpg
1061 ms
garazh-novyy.jpg
garazh-novyy.jpg
1125 ms
vebinary-novyy-banner.gif
vebinary-novyy-banner.gif
1417 ms
sertifikat-gbu.jpg
sertifikat-gbu.jpg
1179 ms
banner-info_kioska-novyy-telefon.jpg
banner-info_kioska-novyy-telefon.jpg
1196 ms
exact_240x115_Quality85_bannerpp2.jpg
exact_240x115_Quality85_bannerpp2.jpg
1204 ms
roud_shou_variant_3.gif
roud_shou_variant_3. gif
1544 ms
captcha.php
captcha.php
1472 ms
icRss.png
icRss.png
1416 ms
bg_menu.png
1463 ms
blue_bottom_grad_2.png
blue_bottom_grad_2.png
1485 ms
arrowT2.png
arrowT2.png
1489 ms
arrowB2.png
arrowB2.png
1471 ms
loading.gif
loading.gif
1543 ms
58139498
58139498
240 ms
combined_jquery.js
combined_jquery.js
172 ms
global.js
global.js
194 ms
combined_li_tracking.js
combined_li_tracking.js
206 ms
font-awesome.css
font-awesome.css
209 ms
combined_presentation.css
combined_presentation.css
212 ms
combined_player_presentation.js
combined_player_presentation.js
246 ms
combined_old_embed.js
combined_old_embed.js
216 ms
ga.js
139 ms
beacon.js
beacon.js
35 ms
-1-638.
jpg-1-638.jpg
535 ms
1×1.gif
1×1.gif
124 ms
logo_embed_20x20_v1.png
logo_embed_20x20_v1.png
123 ms
58139498
58139498
113 ms
lead-form
lead-form
111 ms
fontawesome-webfont.woff
fontawesome-webfont.woff
111 ms
icons.svg
icons.svg
62 ms
__utm.gif
__utm.gif
19 ms
__utm.gif
__utm.gif
27 ms
css — Как я могу узнать, когда использовать -webkit-, -moz, -ms-, -o- и т. д.?
Спросил
Изменено 1 год, 4 месяца назад
Просмотрено 23k раз
Как я могу узнать, когда использовать префикс -webkit-
, -moz-
, -ms-
, -o-
в свойствах css? Вижу много «нестыковок» в некоторых атрибутах, в некоторых свойствах программист ставит только -moz-
, в другом ставит все 4. Есть ли тому причина?
5
Знать, какие префиксы использовать, нужно исходя из того, какие браузеры вы хотите поддерживать. Хорошее место, чтобы узнать, для каких версий браузеров требуется префикс, — caniuse.com.
Изменение связано с тем, какие браузеры решили поддерживать другие разработчики. Если вы видите больше префиксов, значит, разработчики (владелец сайта) сайта приняли решение о более высоком/глубоком уровне поддержки старых браузеров. Меньшее количество префиксов будет поддерживать меньшее количество браузеров. Почему? Может быть много причин, некоторые из которых являются целевой аудиторией и требованиями к функциям (веб-API).
Вы можете пойти по ручному маршруту, но многие разработчики будут использовать такие инструменты, как Autoprefixer или препроцессор CSS, такой как SASS или LESS. Эти инструменты предоставляют различные способы определения используемых префиксов.
С чем-то вроде AutoPrefixer есть возможность перечислить, какие браузеры вы хотите поддерживать, и выяснить, какие префиксы и т. д. необходимы для поддержки этих браузеров на основе версии без префикса.
С препроцессором CSS, например SASS или МЕНЬШЕ вы можете создать миксин (в основном функцию), который добавит определенные вами префиксы.
Я применяю простое эмпирическое правило: никогда не добавляйте префикс поставщика (вместо этого пусть пользователь обновляет свой браузер и избегает неофициальных/еще не доработанных правил CSS).
См. http://shouldiprefix.com/, если вы все еще хотите знать, какие префиксы «обязательны» (или «о которых стоит беспокоиться»).
Наконец, препроцессоры CSS могут справиться с этим, но часто бесполезно добавлять к вашему стеку разработки и выпуска (за исключением случаев, когда вы используете другие вещи, которые префиксы поставщиков, или если вам приходится иметь дело со старыми браузерами, такими как в интрасетях компаний ).
классный вопрос.
Многие программисты используют CanIUse, чтобы определить, поддерживается ли конкретное свойство CSS во всех браузерах, которые они хотели бы поддерживать. Если он не полностью поддерживается всеми браузерами, которые он хочет поддерживать, программист должен использовать префикс поставщика (например, -webkit-).
Пример сценария
Допустим, программист хотел использовать свойство Transform (CanIUse#Transform). Видите, как в Android Browser 4.4 и 4.4.4 появляются желтые предупреждения в правом верхнем углу? Наведите на них курсор и обратите внимание на надпись «Поддерживается с -webkit»? Это точно. когда вы добавите префикс -webkit-vendor.
Я не согласен с тем, что вы должны добавить их все (хотя на самом деле это ничего не повредит). Если вы просто проведете небольшое исследование, прежде чем использовать новые свойства CSS, вы получите более чистый CSS/SASS/LESS/и т. д., поддерживая при этом все браузеры, какие только пожелаете. 😛
Я думаю, что есть замечательные инструменты, позволяющие делать это автоматически. Ксенос упомянул несколько.
Желаю удачи в ваших усилиях CSS.
Эти различные свойства называются «префиксами поставщиков»: -моз-
= используется для Mozilla Firefox -ms-
= используется для Microsoft Internet Explorer -o-
= используется для Opera -webkit-
= используется для браузеров Google Chrome и Apple Safari.
Всегда полезно использовать все префиксы поставщиков для CSS, который вы применяете, чтобы обеспечить совместимость браузера с веб-страницей, которую вы разрабатываете.
Тем не менее, препроцессоры CSS, такие как LESS, могут справиться с этим, если вы их используете. Я лично использую LESS для обработки всех этих префиксов поставщиков, и это действительно просто. Если бы я не использовал препроцессоры, я бы все равно подумал о написании префикса поставщика css вместе с именем свойства по умолчанию.
Всегда лучше заранее решать проблемы совместимости, чем сталкиваться с ними и исправлять их позже.
Попробуйте использовать инструменты префикса поставщика, такие как: https://github.com/less/less-plugin-autoprefix
Если вы хотите убедиться, что это будет работать в каждом браузере, вам нужно добавить их все, некоторые веб-сайты не поддерживают старые браузеры, поэтому нет необходимости заботиться о браузерах, которые вы решаете не поддерживать 🙂
Вот решение, которое я нашел, если вы используете код Visual Studio, перейдите к расширению и найдите css-автопрефикс
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Обязательно, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
расширений WebKit CSS — CSS: Каскадные таблицы стилей
Приложения на основе WebKit или Blink, такие как Safari и Chrome, поддерживают ряд специальных расширений WebKit для CSS . Эти расширения обычно имеют префикс -webkit-
. Большинство -webkit- 9Свойства с префиксом 0012 также работают с префиксом
-apple-
. Некоторые имеют префикс -epub-
.
Примечание: Избегайте использования на веб-сайтах. Эти свойства будут работать только в приложениях WebKit.
A
-
-webkit-анимация-триггер
-
-вебкит-приложение-регион
-
-webkit-соотношение сторон
B
-
-webkit-фоновый фильтр
-
-вебкит-граница-после
** -
-webkit-border-after-color
** -
-webkit-граница после стиля
** -
-webkit-граница после ширины
** -
-вебкит-граница-до
** -
-webkit-border-before-color
** -
-webkit-border-before-style
** -
-webkit-border-before-width
** -
-webkit-border-end
** -
-webkit-border-end-color
** -
-вебкит-граница-энд-стиль
** -
-webkit-border-end-width
** -
-webkit-border-fit
-
-webkit-border-horizontal-spacing
-
-вебкит-граница-старт
** -
-webkit-border-start-color
** -
-вебкит-граница-старт-стиль
** -
-webkit-border-start-width
** -
-webkit-border-vertical-spacing
-
-вебкит-бокс-выравнивание
** -
-вебкит-бокс-направление
** -
-webkit-box-flex-group
** -
-вебкит-бокс-флекс
** -
-webkit-box-lines
** -
-webkit-box-ordinal-group
** -
-вебкит-бокс-ориентация
** -
-webkit-box-pack
** -
-вебкит-коробка-отражать
**
C
-
-вебкит-ось-столбца
-
-webkit-column-break-after
-
-webkit-column-break-before
-
-webkit-column-break-inside
-
-вебкит-столбец-прогресс
-
-вебкит-курсор-видимость
DI
-
-webkit-dashboard-region
-
-webkit-размер шрифта-дельта
-
-webkit-шрифт-сглаживание
-
-вебкит-подсветка
-
-webkit-дефис-символ
-
-webkit-hyphenate-limit-после
-
-webkit-hyphenate-limit-before
-
-webkit-hyphenate-limit-lines
-
-webkit-initial-letter
L
-
-webkit-line-align
-
-webkit-line-box-contain
-
-webkit-line-clamp
-
-вебкит-линия-сетка
-
-вебкит-линия-снап
-
-вебкит-локаль
-
-webkit-логическая высота
-
-webkit-логическая ширина
M
-
-webkit-маржа-после
-
-вебкит-маржа-до
-
-webkit-margin-end
** -
-webkit-margin-start
** -
-webkit-marquee-direction
-
-webkit-marquee-increment
-
-webkit-шапка-повторение
-
-webkit-marquee-скорость
-
-webkit-шаговый стиль
-
-вебкит-шапка
-
-webkit-mask-box-image-outset
-
-webkit-mask-box-image-repeat
-
-webkit-mask-box-image-slice
-
-webkit-mask-box-image-source
-
-webkit-mask-box-image-width
-
-webkit-mask-box-image
-
-вебкит-маска-повторить-х
*** -
-webkit-mask-repeat-y
*** -
-webkit-mask-source-type
-
-webkit-mask-position-x
-
-webkit-mask-position-y
-
-вебкит-максимальная логическая высота
-
-вебкит-макс-логическая-ширина
-
-webkit-минимальная логическая высота
-
-webkit-минимальная логическая ширина
N
-
-webkit-nbsp-режим
P
-
-webkit-padding-after
** -
-webkit-padding-before
** -
-webkit-padding-end
** -
-webkit-padding-start
** -
-webkit-perspective-origin-x
-
-webkit-perspective-origin-y
R-S
-
-webkit-rtl-ordering
-
-вебкит-svg-тень
T
-
-webkit-tap-highlight-color
-
-webkit-text-decoration-skip
-
-webkit-text-decorations-in-effect
-
-webkit-text-fill-color
-
-вебкит-текст-безопасность
-
-webkit-text-stroke-color
-
-webkit-text-stroke-width
-
-вебкит-текстовый ход
-
-вебкит-текст-зум
-
-webkit-transform-origin-x
-
-webkit-transform-origin-y
-
-webkit-transform-origin-z
U
-
-webkit-user-drag
-
-webkit-user-modify
* Некоторые из них находятся на стандартной дорожке без префикса. ** Новый синтаксис стандартизирован. Ссылки свойств на новый синтаксис. В некоторых браузерах по-прежнему поддерживается старый синтаксис с префиксом.
*** WebKit поддерживает без префикса -webkit
, но не является стандартным или соответствует стандарту.
-
-вебкит-внешний вид
-
-webkit-размер шрифта-дельта
Примечание: Чтобы максимизировать совместимость вашего CSS, вы должны использовать стандартные свойства без префикса вместо перечисленных ниже свойств с префиксом.
А
-
-webkit-align-content
-
-webkit-align-items
-
-вебкит-выравнивание-я
-
-вебкит-анимация
-
-вебкит-анимация-задержка
-
-вебкит-анимация-направление
-
-вебкит-анимация-длительность
-
-webkit-анимация-заполнение-режим
-
-webkit-animation-iteration-count
-
-webkit-имя-анимации
-
-webkit-анимация-плей-состояние
-
-webkit-animation-time-function
-
-вебкит-внешний вид
B
-
-webkit-backface-visibility
-
-вебкит-фон-клип
-
-вебкит-фон-происхождение
-
-webkit-background-size
-
-webkit-border-bottom-left-radius
-
-webkit-border-bottom-right-radius
-
-вебкит-граница-изображение
-
-вебкит-граница-радиус
-
-webkit-border-top-left-radius
-
-webkit-border-top-right-radius
-
-webkit-box-decoration-break
-
-вебкит-бокс-тень
-
-webkit-box-sizing
C
-
-webkit-клип-путь
-
-webkit-column-count
-
-webkit-заполнение столбца
-
-webkit-column-gap
-
-webkit-колонка-правило
-
-webkit-column-rule-color
-
-webkit-column-rule-style
-
-webkit-column-rule-width
-
-webkit-column-span
-
-webkit-ширина столбца
-
-вебкит-столбцы
F
-
-вебкит-фильтр
-
-вебкит-флекс
-
-вебкит-флекс-основа
-
-webkit-flex-направление
-
-вебкит-флекс-поток
-
-webkit-flex-grow
-
-webkit-flex-shrink
-
-webkit-flex-wrap
-
-webkit-настройки-шрифтов
-
-вебкит-шрифт-кернинг
-
-webkit-вариант шрифта-лигатуры
G-J
-
-вебкит-сетка
-
-webkit-grid-area
-
-webkit-grid-auto-columns
-
-вебкит-сетка-автопоток
-
-вебкит-сетка-авто-строки
-
-вебкит-сетка-столбец
-
-webkit-grid-column-end
-
-webkit-grid-column-gap
-
-webkit-grid-column-start
-
-вебкит-сетка-разрыв
-
-вебкит-сетка-строка
-
-вебкит-сетка-конец строки
-
-вебкит-сетка-разрыв строки
-
-webkit-grid-row-start
-
-вебкит-сетка-шаблон
-
-webkit-grid-template-area
-
-webkit-grid-template-columns
-
-webkit-grid-template-строки
H-L
-
-вебкит-дефис
-
-вебкит-выровнять-контент
-
-вебкит-выравнивание-элементов
-
-вебкит-оправдать себя
-
-вебкит-разрыв строки
M
-
-вебкит-маска
-
-вебкит-маска-зажим
-
-вебкит-маска-композит
-
-вебкит-маска-изображение
-
-вебкит-маска-происхождение
-
-вебкит-маска-позиция
-
-вебкит-маска-повторить
-
- размер маски webkit
O-R
-
-webkit-opacity
-
-вебкит-заказ
-
-webkit-перспектива
-
-webkit-perspective-origin
-
-webkit-print-color-adjust
-
-webkit-ruby-позиция
S
-
-webkit-scroll-snap-type
-
-webkit-shape-image-threshold
-
-webkit-shape-margin
-
-webkit-форма-снаружи
T
-
-webkit-text-объединение
-
-украшение epub-текста
-
-webkit-text-color-decoration
-
-webkit-text-decoration-line
-
-webkit-text-decoration-style
-
-epub-text-emphasis
-
-webkit-text-emphasis
-
-epub-text-emphasis-color
-
-webkit-text-emphasis-color
-
-webkit-text-emphasis-position
-
-epub-text-emphasis-style
-
-webkit-text-emphasis-стиль
-
-вебкит-текст-выравнивание
-
-вебкит-текст-ориентация
-
-webkit-text-size-adjust
-
-webkit-text-underline-position
-
-вебкит-преобразование
-
-вебкит-преобразование-происхождение
-
-webkit-transform-стиль
-
-вебкит-переход
-
-вебкит-переход-задержка
-
-webkit-transition-duration
-
-webkit-переход-свойство
-
-webkit-функция синхронизации перехода
U-W
-
-webkit-user-select
-
-epub-word-break
-
-режим записи epub
Следующие свойства поддерживаются по крайней мере в одном браузере без префикса, но не входят в список стандартов.
-
-webkit-mask-position-x
* -
-webkit-mask-position-y
*
* Поддерживается без префикса в Firefox, с префиксом в Safari.
Следующие свойства поддерживаются с префиксом -webkit-
в Firefox. Многие из них также поддерживаются без префикса: см. Ранее проприетарные свойства, которые теперь являются стандартными, выше.
Примечание: Из-за устаревшего кода на множестве веб-сайтов, которые использовали свойства с префиксом -webkit-, Edge и Firefox перенаправляют многие свойства с префиксом -webkit- на -moz-, -ms- и их эквиваленты без префикса.
А
-
-webkit-align-content
-
-webkit-align-items
-
-вебкит-выравнивание-я
-
-вебкит-анимация
-
-вебкит-анимация-задержка
-
-вебкит-анимация-направление
-
-вебкит-анимация-длительность
-
-webkit-анимация-заполнение-режим
-
-webkit-animation-iteration-count
-
-webkit-имя-анимации
-
-webkit-анимация-плей-состояние
-
-webkit-animation-time-function
-
-вебкит-внешний вид
*
B
-
-webkit-backface-visibility
-
-вебкит-фон-клип
-
-вебкит-фон-происхождение
-
-webkit-background-size
-
-webkit-border-bottom-left-radius
-
-webkit-border-bottom-right-radius
-
-вебкит-граница-изображение
-
-вебкит-граница-радиус
-
-вебкит-бокс-выравнивание
**, *** -
-вебкит-бокс-направление
**, *** -
-вебкит-бокс-флекс
**, *** -
-вебкит-бокс-ориентация
**, *** -
-webkit-box-pack
**, *** -
-вебкит-бокс-тень
-
-webkit-box-sizing
-
-webkit-border-top-left-radius
-
-webkit-border-top-right-radius
F
-
-вебкит-фильтр
-
-вебкит-флекс
-
-вебкит-флекс-основа
-
-webkit-flex-направление
-
-вебкит-флекс-поток
-
-webkit-flex-grow
-
-webkit-flex-shrink
-
-webkit-flex-wrap
J
-
-webkit-выравнивание-контента
M
-
-вебкит-маска
-
-вебкит-маска-зажим
-
-вебкит-маска-композит
* -
-вебкит-маска-изображение
-
-вебкит-маска-происхождение
-
-вебкит-маска-позиция
-
-webkit-mask-position-x
** -
-webkit-mask-position-y
** -
-вебкит-маска-повторить
-
- размер маски webkit
O-P
-
-вебкит-заказ
-
-webkit-перспектива
-
-webkit-perspective-origin
T
-
-webkit-text-fill-color
** -
-webkit-размер текста-регулировка
-
-вебкит-текст-штрих
** -
-webkit-text-stroke-color
** -
-webkit-text-stroke-width
** -
-вебкит-преобразование
-
-вебкит-преобразование-происхождение
-
-вебкит-переход
-
-вебкит-переход-задержка
-
-webkit-transition-duration
-
-webkit-переход-свойство
-
-webkit-функция синхронизации перехода
U
-
-webkit-user-select
* Поддерживается с префиксом -moz-
и -webkit-
в Firefox, но не поддерживается без префикса. Microsoft Edge и IE Mobile поддерживают это свойство с префиксом -webkit-
, а не -ms-
, также по соображениям совместимости.
** Эти значения поддерживаются, несмотря на то, что они не являются стандартными и не скоро станут стандартными.
*** Вместо этого используйте свойства flex-box.
Следующие свойства когда-то поддерживались с префиксом -webkit-, но больше не поддерживаются в вечнозеленых браузерах с префиксом -webkit-
или без него.
-
-вебкит-альт*
-
-webkit-background-composite
-
-webkit-border-fit
-
-webkit-коррекция цвета
-
-вебкит-поток-от
-
-вебкит-поток-в
-
-webkit-grid-columns
(см.grid-columns)
-
-webkit-grid-rows
(см.grid-row)
-
-вебкит-дефис-кодировка
- `-webkit-image-set (см.
image-set
) -
-webkit-mask-attachment
-
-webkit-match-nearest-mail-blockquote-color
-
-webkit-margin-collapse
-
-webkit-margin-after-collapse
-
-webkit-margin-before-collapse
-
-webkit-margin-bottom-collapse
-
-webkit-margin-top-collapse
-
-webkit-переполнение-прокрутка
-
-webkit-region-break-after
-
-webkit-region-break-before
-
-webkit-region-break-inside
-
-webkit-область-фрагмент
-
-webkit-форма-внутри
- -webkit-touch-callout (см.
touch-action)
-
background-origin-x
(без префикса!) -
background-origin-y
(без префикса!)
* По-прежнему поддерживается в Safari Technology Preview, но не в общедоступных браузерах.
-
:-вебкит-анимация-полноэкранный-переход
-
:-вебкит-любой()
-
:-вебкит-любая ссылка
* -
:-вебкит-автозаполнение
-
:-webkit-autofill-strong-пароль
-
:-вебкит-перетащить
-
:-webkit-full-page-media
-
:-вебкит-полноэкранный
* -
:-webkit-полноэкранный-предок
-
:-webkit-полноэкранный-документ
-
:-webkit-полноэкранные-элементы управления-скрытые
* Теперь стандарт.
Примечание: Если в цепочке или группе селекторов есть недопустимый псевдокласс, весь список селекторов недействителен.
По соображениям веб-совместимости браузеры Blink, WebKit и Gecko считают допустимыми все псевдоэлементы, начинающиеся с ::-webkit-
.
-
::-webkit-file-upload-button
* -
::-webkit-inner-spin-button
-
::-вебкит-ввод-заполнитель
-
::-webkit-media-controls
-
::-webkit-media-controls-current-time-display
-
::-webkit-media-controls-enclosure
-
::-webkit-media-controls-fullscreen-button
-
::-webkit-media-controls-mute-button
-
::-webkit-media-controls-overlay-enclosure
-
::-webkit-media-controls-panel
-
::-webkit-media-controls-play-button
-
::-webkit-media-controls-timeline
-
::-webkit-media-controls-time-remaining-display
-
::-webkit-media-controls-toggle-closed-captions-button
-
::-webkit-media-controls-volume-control-container
-
::-webkit-media-controls-volume-control-hover-фон
-
::-webkit-media-controls-volume-slider
-
::-webkit-meter-bar
-
::-webkit-meter-even-less-good-value
-
::-webkit-метр-внутренний элемент
-
::-webkit-meter-optimum-value
-
::-webkit-метр-субоптимальное-значение
-
-webkit-media-text-track-container
-
::-webkit-outer-spin-button
-
::-вебкит-прогресс-бар
-
::-вебкит-прогресс-внутренний элемент
-
::-webkit-прогресс-значение
-
::-вебкит-поиск-кнопка отмены
-
::-webkit-search-results-button
-
::-webkit-slider-runnable-track
-
::-webkit-slider-thumb
* Теперь стандарт.
Примечание: Как правило, если в цепочке или группе селекторов есть недопустимый псевдоэлемент или псевдокласс, весь список селекторов недействителен. Если псевдоэлемент (но не псевдокласс) имеет префикс -webkit-, начиная с Firefox 63, браузеры Blink, WebKit и Gecko предполагают, что он действителен, а не делает недействительным список селекторов.
-
-вебкит-анимация
-
-webkit-устройство-соотношение пикселей
-
-вебкит-преобразование-2d
-
-вебкит-преобразование-3d
-
-вебкит-переход
- Стилизация элементов управления формы в WebKit Trac
- Расширения Microsoft CSS
- CSS-расширения Mozilla
Последнее изменение: , участниками MDN
Условный CSS для Outlook - Stacks
Windows Outlook 2003 и более поздние версии используют Microsoft Word в качестве механизма рендеринга, что может привести к некоторым странным проблемам с рендерингом. Условные комментарии Outlook позволяют нам добавлять фрагменты HTML, которые читаются только версиями Outlook на основе Word.
Мы можем использовать теги MSO ( M icro s oft O office) для добавления HTML/CSS в любом месте шаблона электронной почты. Этот код будет игнорироваться другими почтовыми клиентами. Вот как это выглядит:
Только Outlook будет отображать эту таблицу.
Теги MSO также можно использовать для добавления стилей, ориентированных на Outlook (Outlook поддерживает CSS в
):
Это то же самое, что мы делали для старых версий Internet Explorer, за исключением того, что он нацелен на Microsoft Office.
Основной способ, которым мы используем теги MSO в наших электронных письмах, — это создание «призрачных таблиц», чтобы гибридные электронные письма не разваливались в Outlook. Гибридный дизайн использует встроенный блок
, max-width
, min-width
для наложения столбцов таблицы. Outlook не поддерживает эти свойства CSS, поэтому мы используем теги MSO для создания «таблиц-призраков», которые применяют фиксированную ширину только для Outlook.
Без приведенной выше призрачной таблицы Outlook отобразил бы Обычно мы нацеливаем на все версии Outlook, используя Использование операторов позволяет создавать условные выражения для работы с несколькими версиями Outlook. Как дела? Анонимно проголосуйте за, против или отправьте дополнительный отзыв ниже.
Перспектива 2000
Outlook 2002
Outlook 2003
Outlook 2007 г.
Outlook 2010
Перспективы 2013
Перспективы 2016
Код Описание Пример гт
больше
литр
меньше
гте
больше или равно
лте
меньше или равно
|
или
!
вместо Все Outlook будут игнорировать это