Вопрос на белом фоне: Знак вопроса PNG, вопрос PNG

Содержание

Телефонная трубка и знак вопроса на белом фоне

Корзина Купить!

Изображение помещёно в вашу корзину покупателя.
Вы можете перейти в корзину для оплаты или продолжить выбор покупок.
Перейти в корзину…

удалить из корзины

Размеры в сантиметрах указаны для справки, и соответствуют печати с разрешением 300 dpi. Купленные файлы предоставляются в формате JPEG.

¹ Стандартная лицензия разрешает однократную публикацию изображения в интернете или в печати (тиражом до 250 тыс. экз.) в качестве иллюстрации к информационному материалу или обложки печатного издания, а также в рамках одной рекламной или промо-кампании в интернете;

² Расширенная лицензия разрешает прочие виды использования, в том числе в рекламе, упаковке, дизайне сайтов и так далее;

Подробнее об условиях лицензий

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

Пакеты изображений дают значительную экономию при покупке большого числа работ (подробнее)

Размер оригинала: 5600×4200 пикс. (23.5 Мп)

Указанная в таблице цена складывается из стоимости лицензии на использование изображения (75% полной стоимости) и стоимости услуг фотобанка (25% полной стоимости). Это разделение проявляется только в выставляемых счетах и в конечных документах (договорах, актах, реестрах), в остальном интерфейсе фотобанка всегда присутствуют полные суммы к оплате.

Внимание! Использование произведений из фотобанка возможно только после их покупки. Любое иное использование (в том числе в некоммерческих целях и со ссылкой на фотобанк) запрещено и преследуется по закону.

Почему на Amazon все еще товарные фото на белом фоне? — Сервисы на vc.ru

{"id":219196,"url":"https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone","title":"\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430 Amazon \u0432\u0441\u0435 \u0435\u0449\u0435 \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435?","services":{"facebook":{"url":"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone","short_name":"FB","title":"Facebook","width":600,"height":450},"vkontakte":{"url":"https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone&title=\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430 Amazon \u0432\u0441\u0435 \u0435\u0449\u0435 \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435?","short_name":"VK","title":"\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435","width":600,"height":450},"twitter":{"url":"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone&text=\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430 Amazon \u0432\u0441\u0435 \u0435\u0449\u0435 \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435?","short_name":"TW","title":"Twitter","width":600,"height":450},"telegram":{"url":"tg:\/\/msg_url?url=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone&text=\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430 Amazon \u0432\u0441\u0435 \u0435\u0449\u0435 \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435?","short_name":"TG","title":"Telegram","width":600,"height":450},"odnoklassniki":{"url":"http:\/\/connect.

ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone","short_name":"OK","title":"\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438","width":600,"height":450},"email":{"url":"mailto:?subject=\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430 Amazon \u0432\u0441\u0435 \u0435\u0449\u0435 \u0442\u043e\u0432\u0430\u0440\u043d\u044b\u0435 \u0444\u043e\u0442\u043e \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435?&body=https:\/\/vc.ru\/services\/219196-pochemu-na-amazon-vse-eshche-tovarnye-foto-na-belom-fone","short_name":"Email","title":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443","width":600,"height":450}},"isFavorited":false}

4094 просмотров

H&M и Nike поссорил с Китаем синьцзянский вопрос – Бизнес – Коммерсантъ

Китайская общественность объявила бойкот H&M и Nike, призвав не покупать их продукцию. Такую реакцию спровоцировали давние комментарии этих компаний по поводу вероятного использования подневольного труда уйгуров на уборке хлопка в провинции Синьцзян.

Компании H&M и Nike оказались в центре скандала в Китае. Против них ополчились китайская общественность, телевидение, торговые площадки и даже селебрити: все призывают отказаться от покупки продукции этих производителей и разрывают с ними отношения. За этим стоят заявления H&M и Nike о том, что они не будут использовать для производства своей продукции хлопок и пряжу из Синьцзян-Уйгурского автономного района (СУАР). Заявления были сделаны на фоне развернувшейся широкой дискуссии о нарушении прав человека и использовании подневольного труда уйгуров на уборке хлопка в СУАР.

Интересно, что H&M и Nike высказались еще в середине прошлого года и до настоящего времени китайскую общественность это не беспокоило. Но несколько дней назад Евросоюз, а чуть раньше Великобритания, США и Канада ввели санкции в отношении КНР на основании того, что та «проводит репрессивную политику в отношении мусульман, проживающих в СУАР, в частности в отношении уйгуров». Именно это, как считают зарубежные СМИ и эксперты, и стало главной причиной для нынешнего бойкота двух компаний.

Представители Коммунистического союза молодежи Китая в блоге организации в соцсети Weibo опубликовали скриншоты заявлений H&M и Nike с комментарием: «Распространяют слухи, чтобы бойкотировать синьцзянский хлопок, но при этом хотят делать деньги в Китае? Размечтались!»

Центральное телевидение Китая (CCTV) объявило, что буквы H и M в названии H&M в китайском языке соответствуют словам, обозначающим ложь и фальсификацию, и добавило, что «для таких компаний у нас есть четкий ответ: не покупать (их продукцию.— “Ъ”)!» По словам CCTV, H&M «просчиталась», пытаясь быть «праведным героем», и теперь «должна заплатить высокую цену за свои неправильные действия».

К бойкоту присоединились самые популярные торговые площадки страны, включая TMall, где официальный магазин H&M, по данным СМИ, заблокирован. Поиск товаров обоих производителей не дает никаких результатов на JD.com, Taobao и Pinduoduo. Несколько китайских знаменитостей, которые были «послами» этих брендов, объявили о разрыве отношений с компаниями, «распространяющими слухи о Китае и правах человека», и подчеркнули, что «интересы родной страны для них важнее всего». Издание Global Times (принадлежит печатному органу Компартии Китая «Жэньминь жибао») отметило, что китайские граждане «имеют право выявлять и представлять на суд общественности оскорбительные высказывания западных компаний» о делах в СУАР и «выражать свой гнев». При этом издание вспомнило, что когда-то «язвительные замечания» о синьцзянском хлопке делали еще и Adidas, New Balance, Burberry и Zara.

«Нельзя просить китайцев отойти в сторону и позволить этим компаниям сохранять политкорректность для Запада, а в Китае попирать достоинство китайских потребителей,— подчеркивается в редакционной статье. — Китайский рынок неизбежно накажет эти компании».

На призыв организаций, прессы, телевидения и знаменитостей откликнулась общественность, и публикации под хештегом «Я поддерживаю синьцзянский хлопок» вошли в топ трендов в соцсети Weibo почти с 2 млрд просмотров. Пользователи начали публиковать в соцсетях видео, показывая, как они сжигают продукцию компаний.

Китайское представительство H&M ответило на происходящее публикацией в Weibo, в которой отметило, что «как и всегда, с уважением относится к китайским потребителям» и не заявляет никакой политической позиции. Для шведской компании китайский рынок является третьим по величине после Германии и США. В 2019 году продажи H&M в Китае, где у компании 520 магазинов, достигли $1,4 млрд. Для американского производителя китайский рынок также является третьим по величине после Северной Америки и региона EMEA (Европа, Ближний Восток и Африка). У Nike в Китае 7 тыс. магазинов, и в 2020 финансовом году (закончился в мае 2020 года) продажи компании там составили $6,7 млрд.

Алена Миклашевская


РФ хочет поднять в ОБСЕ вопрос о действиях соцсетей на фоне митингов

https://static.news.ru/photo/8c5b847c-5f1b-11eb-9697-fa163e074e61_660.jpg Мария Захарова Фото: MFA Russia/via Globallookpress.com

Российские власти планируют поднять на международных площадках, в том числе в ОБСЕ, вопрос о действиях американских социальных сетей на фоне митингов 23 января по всей России, сообщила официальный представитель МИД РФ Мария Захарова. По её мнению, таким образом Вашингтон вмешивался во внутренние дела нашей страны.


Хотела бы сказать, что помимо наших контактов с американскими дипломатами в двустороннем формате, этот вопрос будет поставлен и на площадках международных организаций, которые и занимаются подобной проблематикой, — сказала она в эфире телеканала «Россия 24».

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

Мы обратили внимание наших американских коллег, и им будет направлена соответствующая нота, на участие интернет-платформ американских компаний — это и соцсети, и видеохостинги — в распространении фейков. Причём это не единичный случай, это массовое распространение фейков

, — добавила она.

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

Накануне она заявила, что российские власти будут «разбираться» с действиями американских интернет-гигантов, в том числе Facebook, в ходе акций в поддержку политика Алексея Навального, которые прошли по всей стране 23 января. По её словам, социальные сети недостаточно модерировали связанную с протестами информацию, которую в ведомстве считают фейковой.

Кроме того, она рассказала, что посол США в РФ Джон Салливан был вызван в министерство, а замглавы МИД Сергей Рябков выразил американскому дипломату протест в связи с позицией и высказываниями дипмиссии относительно несанкционированных акций в России.

Ранее посольство США разместило на своём сайте сообщение с упоминанием мест и времени проведения в разных городах России акций 23 января. Эта информация предназначалась для американских граждан, которым рекомендовали избегать мест проведения митингов. Захарова заявила, что ведомство «будет отвечать» на этот шаг.

Акции в поддержку Навального прошли во многих городах России 23 января. Глава сети штабов политика утверждает, что на акции вышли 250–300 тысяч человек. Фонд борьбы с коррупцией (ФБК, признан российскими властями иностранным агентом) оценил численность протестующих в Москве в 50 тысяч человек, журналисты Reuters считают, что протестовать вышли 40 тысяч человек, в МВД говорят о четырёх тысячах.

Координатор проекта «Белый счётчик» Дмитрий Нестеров считает, что в митинге на Пушкинской площади участвовали 20 тысяч человек, писал NEWS.ru.

значок символа вопрос синий, изолированные на белом фоне Клипарт Изображение

значок символа вопрос синий, изолированные на белом фоне Клипарт Изображение
  • iStock ID 8393401
  • Размер файла 2,5 МБ
  • Автор Zeffss1
Описание

Подобные клипарты

Аппаратное обеспечение компьютера.

Что такое аппаратные средства ПК

 

Назад к результатам

Хотите узнать больше о составляющих вашего компьютера? Изучите наше краткое руководство по основным компонентам и их функциям.

Проще говоря, аппаратные средства (оборудование) — это физические компоненты, которые необходимы для функционирования системы. Это все электронные схемы настольного ПК или ноутбука, включая материнскую плату, графическую карту, ЦП (центральный процессор), вентиляторы охлаждения, вебкамеру, блок питания и т. д.

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

Компьютер может работать только при наличии аппаратного и программного обеспечения, однако скорость его работы определяется именно аппаратным обеспечением.

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

Что такое материнская плата?

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

При выборе материнской платы важно проверить список поддерживаемых аппаратных портов. Чрезвычайно важно узнать количество и тип портов USB (USB 2.0, 3.0, 3.1), а также разъемов монитора (HDMI, DVI, RGB). Порты на материнской плате помогут определить, какое оборудование совместимо с вашим компьютером, например, возможные типы ОЗУ и графической карты.

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

Что такое ЦП?

ЦП (центральный процессор, центральное процессорное устройство) отвечает за обработку данных всех программ, выполняемых на компьютере. Тактовая частота — это скорость, с которой процессор обрабатывает информацию. Она измеряется в гигагерцах (ГГц). Это означает, что процессор с более высоким номиналом ГГц, вероятно, работает быстрее, чем похожий процессор того же наименования и года выпуска.

Что такое ОЗУ?

Оперативное запоминающее устройство или ОЗУ — это оборудование, устанавливаемое в гнездах на материнской плате. Назначение ОЗУ заключается во временном хранении оперативной информации, создаваемой программами, и ее организации для мгновенного доступа. Задачи, которые требуют наличия памяти: визуализация изображений для графического дизайна, редактирование видео и фотографий, работа в многозадачном режиме с открытием многих приложений (например, на одном экране выполняется игра, а на втором экране запущен чат Discord).

 

Требуемый объем ОЗУ зависит от программ, которые вы будете использовать. Игры средней интенсивности обычно (при выполнении в параллели с другими задачами) требуют 8 ГБ памяти, а видео и графические игры — до 16 ГБ. Узнайте, сколько памяти необходимо вашему компьютеру.

Что такое жесткий диск?

Жесткий диск — это устройство хранилища, которое отвечает за хранение постоянных и временных данных. Эти данные поступают во множестве представлений, но все они сохраняются или устанавливаются на компьютер: программы, семейные фотографии, операционная система, документы текстового процессора и т. д.

Имеется два вида устройств хранилища: традиционный жесткий диск (HDD) и более новый твердотельный накопитель (SSD). Жесткий диск работает путем записи двоичных данных на магнитные диски, которые вращаются с высокой скоростью. Твердотельный накопитель сохраняет данные в микросхемах статической флеш-памяти. Узнать больше о хранилище и принципе работы твердотельного накопителя.

Что такое графический процессор?

Это устройство особенно важно для отрисовки графики в 3D. Этот процессор делает именно то, что указано в его названии — обрабатывает громадные объемы графических данных. Графическая карта вашего компьютера имеет по крайней мере один графический процессор. В противоположность базовым графическим возможностям, предоставляемым материнской платой ПК, выделенная графическая карта сопрягается с материнской платой посредством слота (гнезда) расширения и работает почти исключительно только для отрисовки графики. Это означает, что вы можете обновить свою графическую карту, если возникает необходимость в увеличении производительности вашего ПК.

Современные графические процессоры предоставляют вычислительную мощность не только для отрисовки графики, но и для других вычислительных задач, что превращает их в расширение центрального процессора.

Что такое блок питания?

Блок питания (БП) не просто обеспечивает компьютер электрической энергией. Он осуществляет вход электрического питания от внешнего источника и доставку электропитания к отдельным компонентам оборудования. Не все блоки питания одинаковые. Если они не обладают достаточной мощностью (Вт), то система работать не сможет.

Для эффективного электропитания оборудования современного компьютера обычно требуется блок питания номиналом 500–850 Вт, однако номинал целиком зависит от реального потребления системы. Компьютеры для задач с высокой интенсивностью, например, для графического дизайна или игр, требуют более мощных компонентов, поэтому для покрытия этих дополнительных требований необходим более мощный блок питания.

При недостатке электропитания компоненты компьютера не смогут работать эффективно, могут наблюдаться сбои в работе компьютера, либо он вообще не будет загружаться. Рекомендуется иметь блок питания с номиналом, превышающим суммарное потребление системы. Эта мера не только защитит систему от сбоев, но сработает на будущее: при замене компонентов компьютера на более мощные вам не придется заменять блок питания.

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

Ответы астрономов на вопросы | Большой новосибирский планетарий

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

Ответ: Ксения, с ответом на Ваш вопрос нам помог доктор физико-математических наук, заведующий отделом физики и эволюции звезд Института астрономии РАН Дмитрий Зигфридович Вибе: 1. Допускает ли ученое общество возможность того, что открыты не все соединения и элементы и что звезды и планеты в других галактиках могут состоять из абсолютно неизвестных нам элементов. "Давайте разделим вопрос на два. Сначала об элементах. Как известно, химические элементы отличаются друг от друга количеством протонов в ядре (оно ещё называется атомным номером). Поскольку количество протонов не может быть слишком большим, число элементов ограничено. Сейчас нам известны элементы с количеством протонов в ядре до 118; новые, пока не известные нам элементы могут иметь лишь большее количество протонов. Далее, нужно учитывать, что у элементов тяжелее урана нет долгоживущих изотопов. Это означает, что существование каких-либо объектов из (пока) неизвестных науке элементов невозможно. Даже если ядра таких элементов и возникают в результате каких-то процессов (например, в земных лабораториях), они распадаются быстрее, чем из них может сформироваться какое-либо тело. Теперь о соединениях. Соединения элементов, то есть различные химические вещества нам, безусловно, известны не все. Ежегодно астрономы открывают в космосе по несколько новых молекул. Чаще это вещества, известные нам по земной химии, но иногда встречаются и молекулы, которые на Земле не синтезировались. Однако они всегда состоят из известных нам химических элементов. Могут ли звёзды и планеты в других галактиках состоять не из химических элементов, не из протонов и нейтронов, а вообще из какого-то совершенно нам не известного вида вещества? Вряд ли. Наши наблюдения проникли сейчас на колоссальные расстояния от Земли, и везде в звёздах и планетах мы видим признаки наличия только тех веществ и химических элементов, которые известны нам по нашей планете и её ближайшим космическим окрестностям. " 2. А так же что скорость и направление удаления звезд друг от друга не хаотичны, а определяются силой гравитации, как например солнце вокруг солнца, затем галактики вокруг галактик с большей массой и так до уровня вселенных? "В Солнечной системе нам привычно видеть именно систематическое вращение тел друг вокруг друга под действием силы гравитации. Однако эта сила способна приводить и к более хаотическому движению. Так движутся, например, звёзды в звёздных скоплениях. Да и Солнечная система не свободна от хаоса, что выражается, например, во временами очень быстрой эволюции орбит астероидов и комет. Поэтому ничего удивительного в хаотическом движении нет. В любом случае, если бы во Вселенной присутствовала описанная в вопросе иерархия вращения, мы бы её, конечно, увидели."

красный знак вопроса на белом фоне Фотография, картинки, изображения и сток-фотография без роялти. Изображение 26937731.

красный знак вопроса на белом фоне Фотография, картинки, изображения и сток-фотография без роялти. Изображение 26937731.

красный знак вопроса на белом фоне

S M L XL

Таблица размеров

Размер изображения Идеально подходит для
Ю Интернет и блоги, социальные сети и мобильные приложения.
м Брошюры и каталоги, журналы и открытки.
л Плакаты и баннеры для дома и улицы.
XL Фоны, рекламные щиты и цифровые экраны.

Используете это изображение на предмете перепродажи или шаблоне?

Распечатать Электронный Всесторонний

4000 x 4000 пикселей | 33.9 см x 33,9 см | 300 точек на дюйм | JPG

Масштабирование до любого размера • EPS

4000 x 4000 пикселей | 33,9 см x 33,9 см | 300 точек на дюйм | JPG

Скачать

Купить одно изображение

6 кредитов

Самая низкая цена
с планом подписки

  • Попробуйте 1 месяц на 2209 pyб
  • Загрузите 10 фотографий или векторов.
  • Нет дневного лимита загрузок, неиспользованные загрузки переносятся на следующий месяц

221 ру

за изображение любой размер

Цена денег

Ключевые слова

Похожие изображения

Нужна помощь? Свяжитесь со своим персональным менеджером по работе с клиентами

@ +7 499 938-68-54

Мы используем файлы cookie, чтобы вам было удобнее работать.Используя наш веб-сайт, вы соглашаетесь на использование файлов cookie, как описано в нашей Политике использования файлов cookie

. Принимать

домашний вопросительный знак на белом фоне изображения id1142551453 - RISMedia |

{ "homeurl": "https://rismedia.com/", "resultstype": "вертикальный", "resultsposition": "зависать", "itemscount": 4, "imagewidth": 70, "imageheight": 70, "resultitemheight": "авто", "автор шоу": 0, "showdate": 1, "showdescription": 1, "charcount": 3, "noresultstext": "Результатов нет!", "didyoumeantext": "Возможно, вы имели в виду:", "defaultImage": "https: // rismedia.com / wp-content / plugins / ajax-search-pro / img / default.jpg ", «выделить»: 0, "highlightwholewords": 1, "openToBlank": 1, "scrollToResults": 0, "resultareaclickable": 1, "автозаполнение": { "включено": 1, "googleOnly": 1, "lang": "en", "mobile": 1}, "triggerontype": 1, "triggeronclick": 1, "triggeronreturn": 1, "triggerOnFacetChange": 1, "триггер": { «задержка»: 300, "autocomplete_delay": 310}, "overridewpdefault": 0, "override_method": "сообщение", "redirectonclick": 0, "redirectClickTo": "страница_результатов", "redirect_on_enter": 0, "redirectEnterTo": "страница_результатов", "redirect_url": "? s = {фраза}", "settingsimagepos": "слева", "settingsVisible": 0, "hresulthidedesc": "0", "prescontainerheight": "400px", "pshowsubtitle": "0", "pshowdesc": "1", "closeOnDocClick": 1, "iifNoImage": "описание", «iiRows»: 2, «iiGutter»: 5, "iitemsWidth": 200, "iitemsHeight": 200, "iishowOverlay": 1, "iiblurOverlay": 1, «iihideContent»: 1, "loaderLocation": "авто", «аналитика»: 0, "analyticsString": "", "показать больше": { "url": "? s = {фраза}", "действие": "ajax" }, "mobile": { "trigger_on_type": 1, "trigger_on_click": 1, "hide_keyboard": 0}, "compact": { "включено": 1, "width": "300px", "closeOnMagnifier": 1, "closeOnDocument": 0, "позиция": "фиксированная", "overlay": 0}, "animations": { "ПК": { "настройки": { "аним": "увядшая капля", "dur": 300}, "полученные результаты" : { "аним": "увядшая капля", "dur": 300}, "items": "fadeInDown" }, "mob": { "настройки": { "аним": "увядшая капля", "dur": 300}, "полученные результаты" : { "аним": "увядшая капля", "dur": 300}, "items": "voidanim" } }, "autop": { "состояние": "отключено", "фраза": "", "count": 100} }

Редактор

- Программирование с белым текстом на черном фоне?

Быстрый ответ: «темный текст на белом фоне подходит большему количеству людей».

Мой ответ относится к этому: https://graphicdesign.stackexchange.com/questions/15142/which-is-easier-on-the-eyes-dark-on-light-or-light-on-dark

Как человек с астигматизмом, я считаю, что белый фон с темным текстом легче читать, как указано в ссылке. (Я особенно испытал это после использования темной темы в Visual Studio 2013. Она настолько нечеткая, что мне пришлось вернуться к ее теме по умолчанию 2012 года.)

Ниже приведены котировки:

Наука о удобочитаемости отнюдь не нова, и одни из лучших исследований проводятся в рекламных работах начала 80-х годов.Эта информация актуальна и сегодня.

Прежде всего, это цитата из статьи, озаглавленной «Повышение разборчивости единиц визуального отображения за счет изменения контраста». В настоящее время мы думаем об инверсии контраста, означающем «черное на белом», но помните, что эта статья относится к 1980 году, когда дисплеи (мониторы) были зеленым на черном. Этот документ стал частью исследования, которое подтолкнуло его к переходу на форматы экрана, которые мы используем сегодня.

Однако большинство исследований показали, что темные символы на светлом фоне превосходят светлые символы на темном фоне (когда частота обновления довольно высока). Например, Бауэр и Кавониус (1980) обнаружили, что участники были на 26% точнее при чтении текста, когда они читали его с темными символами на светлом фоне.

Ссылка: Bauer, D., & Cavonius, C., R. (1980). Улучшение разборчивость единиц визуального отображения за счет изменения контраста. В E. Гранджан, Э. Вильяни (ред.), Эргономические аспекты визуального отображения Клеммы (стр. 137-142). Лондон: Тейлор и Фрэнсис Ок, улучшение на 26% - но почему?

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

Джейсон Харрисон - научный сотрудник, руководитель лаборатории тепловизоров - сенсорное восприятие Группа исследований восприятия и взаимодействия, Британский университет Колумбия Эффект "размытия", о котором говорит Джейсон, известен как ореол.

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

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

Изображение в качестве фона обзора | Справочный документ QuestionPro

Сегодняшняя аудитория любит визуальные эффекты, поэтому QuestionPro позволяет повысить вовлеченность вашего опроса в самом начале!

Как установить фоновое изображение для моего опроса?

Войдите в свою учетную запись QuestionPro и выполните следующие действия:

1.- Выберите опрос

2.- Щелкните Design.

3.- Перейти к Пользовательские темы.

4.- Перейти к фону съемки> Использовать изображение

5.- Выберите или загрузить изображение.

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

Что я могу сделать, если из-за моего изображения содержимое трудно читается?

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

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

  • Установите светлый цвет для темы и подтвердите настройки кнопки .
  • Отрегулируйте непрозрачность до 25–30% для фона логотипа , фона заголовка и области содержимого .
  • Измените шрифт на светлого цвета для заголовка, вопроса и ответа. Используйте темного цвета для текста кнопки.
  • Нажмите кнопку сохранить , чтобы применить все изменения.

Какой рекомендуемый размер для фонового изображения?

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

Теперь вы знаете, как настроить фон вашего опроса, чтобы привлечь больше внимания!

Спасибо за отзыв.

Белое на черном или черное на белом? Плюсы и минусы темного режима | автор: Takuma Kakehi

Было много разговоров и утечек о темном режиме для предстоящей WWDC 2019 (эксклюзив: на скриншотах показан темный режим iOS 13, новое приложение Reminders, подробнее | 9to5Mac).В новой iOS 13 вы можете включить темный режим в приложении «Настройки» или с помощью параметра в центре управления. Согласно изображению, опубликованному в статье, их музыкальное приложение, похоже, использует настоящий черный фон.

Источник изображения: Эксклюзив: на скриншотах показан темный режим iOS 13, новое приложение «Напоминания» и многое другое | 9to5Mac

Лично пользуюсь телефоном Pixel от Google. В настоящее время у меня есть Pixel 3, мое третье устройство Pixel, и я должен сказать, что его относительно более короткое время автономной работы по сравнению с другими смартфонами было моей головной болью. Поскольку я хотел получить максимальную отдачу от своей недавней поездки в Лос-Анджелес, я в основном использовал поездки на Lyft для транспортировки, и мне приходилось очень часто открывать свой ноутбук, чтобы заряжать свой телефон на каждую поездку , чтобы просто поддерживать его в живых.

Во время недавнего ввода-вывода Google, Google с благодарностью объявил, что они включат Dark Theme в свой новый Android Q. На самом деле, я использовал Dark Theme даже в моей текущей версии Android, но версия с Q, похоже, принимает это. Еще больше. Например, темный фоновый цвет по крайней мере ближе к чистому черному, чем текущий темно-серый; другие элементы, такие как пузыри уведомлений, также находятся на темном фоне, в отличие от текущей версии.Google побуждает все больше приложений для Android использовать темные темы.

Apple II Plus, представленный в 1979 г. (Источник изображения: Maric Wichary через Flickr)

Экраны старых компьютеров были в темном режиме; это связано с тем, что могла делать ранняя электронно-лучевая трубка, которая использовалась в старых телевизорах квадратной формы. По мере того, как графический интерфейс был принят, а технология отображения улучшилась, люди, которые не были программистами, также познакомились с компьютерами. Затем в качестве скевоморфного подхода был принят черный текст на белом фоне, как и на обычной бумаге (запись о скевоморфном дизайне : сила знакомства в дизайне: скевоморфные триггеры и персонифицированные машины).Этот подход стал привлекательным, поскольку обработка текста стала важным инструментом для каждой корпорации.

Lisa от Apple, выпущенная в 1983 году, была первым продуктом Apple, который включал графический интерфейс пользователя, однако коммерчески потерпел неудачу. Apple Macintosh был первым продуктом с графическим пользовательским интерфейсом, который массовый потребитель использовал в 1984 году. (Источник изображения: Mac-History)

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

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

Когда фон светлый и горит больше света, зрачки сужаются. Меньшие зрачки создают большую глубину резкости. С другой стороны, меньшее количество света приводит к расширению зрачков, что делает фокус мельче; это означает, что в темном режиме требуется больше усилий для фокусировки.Кроме того, светлый текст рассеивает свет вокруг и легко создает эффект ореола на темном фоне; глазам труднее сфокусироваться, и они могут быстро утомиться. С другой стороны, темный текст на светлом фоне позволяет отображать текст с четкими краями.

Действительно ли темный режим лучше для ваших глаз? - объясняет Чеддер | Cheddar на YouTube

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

Как я упоминал в начале, технологические компании продвигают темный режим в качестве опции. Благодаря широкой адаптации OLED-экранов к смартфонам, темный режим значительно увеличивает время автономной работы мобильных устройств. Начнем с того, что OLED-экраны увеличивают время автономной работы на 30% по сравнению с ЖК-экраном с такими же характеристиками.Это связано с тем, что OLED может освещать каждый пиксель только в том случае, если это необходимо. С другой стороны, ЖК-дисплей отображает контент, блокируя свет жидкими кристаллами, поэтому подсветка должна быть всегда включена.

Google представил, как расход заряда батареи навигацией Google Map в ночном режиме снижается на 63% на устройствах Pixel с AMOLED (OLED с активной матрицей, тип OLED, поддерживающий различные размеры дисплеев) по сравнению с обычным режимом. Напротив, iPhone 7 с ЖК-дисплеем не показал никакой разницы между ЖК-дисплеем и AMOLED.

Влияние темного режима на время автономной работы между экранами OLED и LCD (Источник изображения: SLASH GEAR) Влияние разных цветов на энергопотребление (Источник изображения: SLASH GEAR)

На приведенной ниже диаграмме показано, как белый экран, когда он полностью освещен , потребляет намного больше энергии, чем черный экран. График также показывает, что синий свет потребляет намного больше энергии по сравнению с красным или зеленым.

На диаграмме показана резкая разница в энергопотреблении между белым и черным экранами (Источник изображения: SLASH GEAR)

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

Pocket и возможности чтения

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

Pocket 4.1 представило темную тему еще в 2012 году (Источник: Pocket 4.1 добавляет темную тему, разбиение на страницы, уточнения | MacStories) Pocket расширила темную тему на своем веб-сайте в 2015 году. (Источник: Pocket запускает совершенно новый дизайн для Интернета | TNW)

Twitter и социальные сети

Twitter был одним из первых, кто перешел на темный режим. социальные сети. Первоначальный ночной режим был представлен в 2016 году.

Из-за жалоб клиентов на не-черный фон Twitter добавил черный как смоль фон, темный режим Light Out, в отличие от темного режима Dim, который был переименован из исходного ночного режима.Жалобы были на экономию батареи устройства. Light Out был представлен для их приложений iOS на OLED-устройствах в марте 2019 года. (Источник: у каждого гаджета и приложения должен быть темный режим | The Wall Street Journal). Жалобы клиентов отображаются не на черном фоне для экономии заряда батареи. , Twitter добавил в свое приложение iOS в марте 2019 года черный как смоль фон, темный режим «без света». (Источник: Twitter Goes Dark. Или, по крайней мере, интерфейс приложения делает | WIRED)

Mac OS Mojave

Apple анонсировали свой первый полнофункциональный темный режим для Mac OS на WWDC 2018.Пользователи давно желали темного режима в их операционной системе. Некоторые пользователи говорят, что это помогает им сосредоточиться на контенте и уменьшает блики на экране, которые ранее вызывали утомление глаз.

Существует возможность установить темный режим для каждого приложения, а также глобальные настройки. Многие пользователи создали автомат, который позволяет им быстро переключаться между темным и светлым режимами из Spotlight. (Источник изображения: TekRevue)

Темная тема в ОС Android, начиная с Pie

ОС Android позволяет пользователям выбирать темный режим.(Источник: Как включить темный режим Android везде, где он доступен с двумя простыми настройками в Pie | 9to5Google) В ленте обнаружения Android можно настроить темную тему вручную или отразить выбранные обои (Источник: здесь каждое приложение Google с темным режимом, и как его включить | 9to5Google). В мае 2019 года Google Calendar и Keep также объявили о своем темном режиме в Android перед официальным запуском Android Q. (Источник: темный режим Google Calendar развертывается на Android, теперь официально для Keep | 9to5Google)

Программа SaaS, визуализация данных и редакторы программ

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

Bloomberg Anywhere в приложениях для iOS (Источник изображения: Джереми Фуэрст через. Темные интерфейсы. Хорошее и плохое. Что можно и чего нельзя делать от Toptal). По мере закрытия рынка приложение Robinhood становится темным. На ночь полезно держать его в темноте, но это изменение очень функционально.(Источник изображения: Robinhood via. Дизайн Robinhood, знакомящий молодежь с биржевой торговлей)

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

«Черный фон снижает нагрузку на глаза и делает автоматическое цветовое кодирование более удобным для чтения, что значительно ускоряет понимание кода с первого взгляда», - разработчик Toptal Кевин Блох (Источник изображения: Dark UIs.Хорошее и плохое. Что нужно и что нельзя делать от Toptal)

YouTube

Приложение YouTube следует оттенкам серого темной темы Android (Источник: здесь каждое приложение Google с темным режимом и как его включить | 9to5Google). На веб-сайте YouTube используется более темный фон # 111111, в отличие от его приложение (Источник: Как включить YouTube Темный режим / Ночной режим | Натан Гамильтон)

Исходное сообщение: http://www.ta-kuma.com/product-design/white-on-black-or-black-on- white-the-pro-and-cons-of-dark-mode /

Темный режим Android Q темнее битвы при Винтерфелле | The Verge

Влияние сочетания цвета текста и фона веб-страницы на читабельность,

удержание, эстетику и поведенческое намерение

Темный режим взял верх: новейшая функция экономии заряда батареи | The Verge

Снова в черном: как включить темный режим и сэкономить заряд батареи | mobilesyrup

Вот каждое приложение Google с темным режимом и как его включить | 9to5Google

Google подтверждает, что темный режим очень помогает продлить срок службы батареи на Android | The Verge

У каждого гаджета и приложения должен быть темный режим | The Wall Street Journal

Twitter становится темным.Или, по крайней мере, интерфейс приложения | WIRED

Twitter получит еще более темный «темный режим» | TechCrunch

Темный интерфейс. Хорошее и плохое. Что можно и чего нельзя делать | Миклос Филипс на Toptal

Обзор macOS Mojave: Темнота - это круто. Будущее горячее | iMore

Действительно ли темный режим лучше для ваших глаз? | Чеддер объясняет через. Youtube

Темный режим Google Календаря выкатывается на Android, теперь официально для Keep | 9TO5GOOGLE

The Recorder - My Turn: Найдите способы быть полезными, преданными делу, вовлеченными и незаметными

Моя электронная почта была заполнена, и мой телефон начал светиться через несколько дней после убийства Джорджа Флойда.Будучи преподавателем борьбы с расизмом с середины 1980-х годов, я предсказал, что могу получить известия от белых друзей и коллег, которые хотели бы обсудить свое отчаяние и вместе подумать о том, что мы можем сделать в ответ. К чему я был не готов, так это к объему сообщений.

Люди, которых я знал, люди, которых я едва знал, бедствующие соседи и директора некоммерческих организаций - все белые люди - протянули руку и сказали, по сути, «Помогите, помогите, что нам теперь делать?»

Вопросы были самые разные, от очень личных до вопросов, связанных с организационными изменениями.Убийство г-на Флойда стало тревожным сигналом даже для прогрессивных людей, которые не считают себя расистами. Медленная смерть мистера Флойда, в то время как он ясно кричал, что он не может дышать, пронзила сердца белых людей, которые считали себя заботливыми и частью решения - или, по крайней мере, не активно частью проблемы.

Некоторые разговоры были довольно мучительными. Некоторые плакали.

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

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

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

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

Директора некоммерческих организаций позвонили и задали вопросы по двум основным темам: можете ли вы помочь нам написать заявление, одобряющее разнообразие, справедливость и инклюзивность для нашего веб-сайта; и как нам диверсифицировать наш полностью белый совет директоров?

Мой ответ на оба вопроса начался с: помедленнее.Если у вас никогда раньше не было заявления на вашем веб-сайте, в котором говорилось бы о вашей приверженности разнообразию, справедливости и вовлеченности, вы не можете добавить его сейчас в спешке, догоняя смерть г-на Флойда.

Заявления на веб-сайтах, в которых декларируется приверженность некоммерческой организации к разнообразию, справедливости и инклюзивности, должны отражать истинную приверженность этим вопросам - обязательство, имеющее определенные зубы, некоторые доказательства, которые отражаются в политике, практике, приеме на работу организации и конкретных видимые результаты.Я сказал более чем одному директору некоммерческой организации: добавьте это заявление на свой веб-сайт после, а не до того, как вы проделаете устойчивую работу по борьбе с расизмом. Тогда вы можете искренне сказать, что вы не только твердо привержены этим вопросам, но и то, как антирасизм выглядит и ощущается в нашей организации.

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

Во время некоторых телефонных звонков, которые я получил после смерти г-на Флойда, люди спрашивали меня, чему я научился за годы работы по борьбе с расизмом. Я сказал этим людям, что научился ошибаться. Многое из того, что я узнал о расе в Америке, институте рабства, истории экономического роста этой страны на протяжении веков, системе уголовного «правосудия», годах Джима Кроу, опыте жизни на грани богатства, возможностей и мощность, была либо неправильной, либо искаженной, либо минимизированной, либо полностью исключенной из моего образования с детства до взрослой жизни.Годы работы по борьбе с расизмом научили меня тому, как мало я знал, когда думал, что знаю так много. Я понял, что часто ошибаюсь.

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

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

Работа по борьбе с расизмом долгая, трудная и того стоит. Я помню, как однажды прочитал, что каждый белый человек должен купить коврик для ванной, который они видят ежедневно, и гласит: «Две вещи, о которых мне следует беспокоиться всю оставшуюся жизнь: 1.Мой вес и 2. Мой расизм ».

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

Преподобный доктор Андреа Айвазян из Нортгемптона - помощник пастора в баптистской церкви Олдена в Спрингфилде. Она также является основателем и директором школы лидеров социальных изменений Sojourner Truth.

Каскадные таблицы стилей, проектирование для Интернета - Глава 2: CSS

Как мы объясняли в предыдущей главе, HTML элементы позволяют дизайнерам веб-страниц размечать документ в соответствии с его состав.В спецификации HTML перечислены рекомендации о том, как браузеры должны отображать эти элементы. Например, вы можете разумно уверен, что содержимое крепкого элемент будет выделен жирным шрифтом. Кроме того, вы можете в значительной степени верьте, что большинство браузеров будут отображать содержимое элемента h2 с использованием большого размера шрифта ... по крайней мере, больше, чем элемент p и больше чем элемент h3. Но вне доверия и надеюсь, у вас нет никакого контроля над тем, как выглядит ваш текст.

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

Правила и таблицы стилей

Чтобы начать использовать CSS, вам даже не нужно писать таблицы стилей. Глава 16 расскажет вам, как указать на существующие таблицы стилей в Интернете.

Есть два способа создания CSS. Вы также можете используйте обычный текстовый редактор и напишите таблицы стилей «вручную» или вы можете использовать специальный инструмент - например, дизайн веб-страницы приложение - которое поддерживает CSS. Специальные инструменты позволяют создавать таблицы стилей без изучения синтаксиса CSS язык. Однако во многих случаях дизайнер захочет настроить таблицу стилей вручную, поэтому мы рекомендуем вам изучить писать и редактировать CSS вручную.Давайте начнем!

 h2 {цвет: зеленый} 

То, что вы видите выше, - это простое правило CSS, которое содержит одно правило. Правило утверждение об одном стилистическом аспекте одного или нескольких элементов. А Таблица стилей представляет собой набор из одного или другие правила, применимые к HTML-документу. Правило выше устанавливает цвет всех заголовков первого уровня (h2). Давайте быстро посмотрим, какой визуальный результат правило может быть таким:

Рисунок 2.1

Теперь приступим к анализу правила.

Анатомия правила

Правило состоит из двух частей:

  • Селектор - часть перед левой фигурной скоба
  • Декларация - деталь внутри фигурной подтяжки

Селектор это связь между HTML-документом и стилем. Он указывает на какие элементы влияет объявление.Декларация является частью правило, определяющее, каким будет эффект. В примере выше селектор h2 и декларация - «цвет: зеленый». Следовательно, все элементы h2 будут затронуты объявлением, что есть, они станут зелеными. (Свойство color влияет только на цвет текста переднего плана, есть другие свойства для фона, границы и т. д.)

Вышеупомянутый селектор основан на типе элемента : он выбирает все элементы типа «h2." Этот вид селектора называется типом селектор . Любой тип элемента HTML может использоваться как тип селектор. Селекторы типа - это простейший вид селекторов. Мы обсудить другие виды селекторов в См. CSS селекторы. , «Селекторы CSS».

Анатомия декларации

Объявление состоит из двух частей, разделенных двоеточием:

  • Имущество - часть перед толстой кишкой
  • Значение - часть после двоеточия

Собственность это качество или характеристика, которыми что-то обладает. в В предыдущем примере это цвет . CSS2 (см. Отдельную рамку) определяет около 120 свойств, и мы можем присвоить значения всем из них.

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

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

Рисунок 2.2 Схема правила.

Селекторы и правила группировки

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

Например, рассмотрим эти три правила:

 h2 {font-weight: bold}
h3 {font-weight: bold}
h4 {font-weight: bold}
      

Все три правила имеют одно и то же объявление - они устанавливают жирный шрифт. (Это делается с помощью свойства font-weight , которое мы обсуждаем в см Шрифты. .) Поскольку все три объявления идентичны, мы может сгруппировать селекторы в список , разделенных запятыми, и перечислить объявление только один раз, нравится:

 h2, h3, h4 {font-style: bold} 

Это правило даст тот же результат, что и первые три.

Селектор может иметь более одного объявления. Например, мы можно было бы написать таблицу стилей с этими двумя правилами:

 h2 {цвет: зеленый}
h2 {text-align: center} 

В этом случае мы устанавливаем для всех h2 зеленый цвет и центрируем их на холсте. (Этот выполняется с помощью выравнивания текста собственность, обсуждаемая в Глава 5.)

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

 h2 {
  цвет: зеленый;
  выравнивание текста: центр;
} 

Все объявления должны содержаться в паре фигурных скобок.Точка с запятой разделяет объявления и может - но не обязательно - также появляется в конце последнего декларация. Кроме того, чтобы облегчить чтение кода, мы предлагаем вы размещаете каждое объявление в отдельной строке, как мы это сделали здесь. (Браузерам все равно, они просто проигнорируют все лишнее пробелы и разрывы строк.)

Теперь у вас есть основы создания правил и стилей CSS. листы. Однако вы еще не закончили. Для стиля лист, чтобы иметь какой-либо эффект, который вы должны «приклеить» к своей таблице стилей ваш HTML-документ.

«Приклеивание» таблиц стилей к документу

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

  1. Применение базовой таблицы стилей для всего документа для документа, используя стиль элемент.
  2. Применение таблицы стилей к отдельному элементу используя атрибут стиля.
  3. Свяжите внешнюю таблицу стилей с документом используя элемент ссылки.
  4. Импортировать таблицу стилей с помощью CSS @import обозначение.

В следующем разделе мы обсудим первый метод: используя элемент стиля. Мы обсуждаем используя атрибут стиля в Глава 4, «Селекторы CSS», и используя элемент ссылки и нотацию @import в главе 16, «Внешние таблицы стилей».

Склеивание с использованием элемента STYLE

Вы можете склеить таблицу стилей и HTML-документ вместе, поместив таблицу стилей в элемент стиля в верхней части документа.Элемент стиля был введен в HTML специально для того, чтобы таблицы стилей можно было вставлять в HTML. документы. Вот таблица стилей (выделена жирным шрифтом), приклеенная к образцу документ с помощью элемента стиля. Результат показан на Рисунке 2.3.

 
   Домашняя страница Баха 
  <СТИЛЬ>
    h2, h3 {цвет: зеленый}
   
  <ТЕЛО>
    

Домашняя страница Баха

Иоганн Себастьян Бах был плодовитым композитор.Среди его работ:

  • Вариации Гольдберга
  • Бранденбургские концерты
  • Рождественская оратория

Историческая перспектива

Бах сочинил то, что было названо период барокко.

Рисунок 2.3. результат добавления к таблице стилей правила, чтобы сделать h2s зеленым, а затем склеивания таблицы стилей к документу, используя стиль элементы.(попробуй это)

Обратите внимание, что стиль элемент помещается после заголовка элемент и перед элементом body. Заголовок документа не отображается на холсте, поэтому он не зависит от стилей CSS.

Содержимое элемента стиля таблица стилей. Однако если содержание таких элементов, как h2, p, и ul появляется на холсте, содержимое элемента стиля не показать на холсте.Скорее, это эффект содержание элемента стиля - таблица стилей - которая появляется на холсте. Значит, вы не видите "{ color: green} "на экране; вместо этого вы видите два Элементы h2 окрашены в зеленый цвет. Без правил были добавлены, которые влияют на любой из других элементов, поэтому эти элементы отображаются в цвете браузера по умолчанию.

Браузеры и CSS

Чтобы получить обновленный обзор доступных браузеров, см. W3C страница обзора

Чтобы CSS работал так, как описано в этой книге, вы должны используйте браузер с расширенным CSS, то есть браузер, поддерживающий CSS.Браузер с расширенным CSS распознает элемент стиля как контейнер для таблицы стилей и представить документ соответственно. Большинство браузеров распространяемые сегодня поддерживают CSS, например Microsoft Internet Explorer 4 (IE4), Netscape Navigator 4 (NS4) и Opera 3.5 (O3.5). По консервативным оценкам, более половины людей в Интернете используется браузер с расширенным CSS, и цифры стабильно поднимается. Скорее всего, люди, с которыми вы общаетесь, имеют Браузеры с улучшенным CSS.Если нет, дайте им повод для обновления!

Лучший источник информации о том, как разные браузеры поддерживают CSS - это графики WebReview

Увы, не все реализации CSS идеальны. Когда ты начинаешь экспериментируя с таблицами стилей, вы скоро заметите, что каждый браузер имеет ряд ошибок и ограничений. В целом, новые браузеры ведут себя лучше, чем старые. IE4 и O3.5 являются среди лучших, а следующее предложение Netscape под кодовым названием Gecko - также обещает значительно улучшенную поддержку CSS.

Те, кто не использует браузеры с расширенными CSS, все еще могут читать страницы которые используют таблицы стилей. CSS был тщательно разработан так, чтобы все контент должен оставаться видимым, даже если браузер ничего не знает о CSS. Некоторые браузеры, например Netscape Navigator версии 2 и 3 не поддерживают таблицы стилей, но они знают достаточно о элемент стиля, чтобы полностью его игнорировать. Рядом с поддерживающими таблицами стилей это правильное поведение.

Однако другие браузеры, которые не знают элемента стиля, например, Netscape Навигатор 1 и Microsoft Internet Explorer 2 игнорируют стиль теги , но отображать содержание стиля элемент. Таким образом, пользователь получит распечатанную таблицу стилей. в верхней части холста. На момент написания только несколько процентов пользователей Интернета столкнутся с этой проблемой. Чтобы этого избежать, вы можете поместить свою таблицу стилей в комментарий HTML , который мы обсуждали В главе 1. Поскольку комментарии не отображаются на экране, помещая свою таблицу стилей в комментарий HTML, вы предотвращаете старые браузеры от отображения содержимого элемента стиля. Браузеры с расширенным CSS знают этого трюка, и будет рассматривать содержимое элемента стиля как таблицу стилей.

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

 
   Домашняя страница Баха 
  <СТИЛЬ>
  
      h2 {цвет: зеленый}
  -> 
  
  <ТЕЛО>
    ..
  
 

CSS также имеет собственный набор комментариев, которые вы можно использовать в таблице стилей.Комментарий CSS начинается с "/ *" и заканчивается на "* /". (Те, кто знаком с языком программирования C распознает их.) Правила CSS внутри комментария CSS не будут иметь какое-либо влияние на представление документа.

Браузеру также нужно сообщить, что вы работа с таблицами стилей CSS. CSS в настоящее время является единственным стилем язык листов, используемый с документами HTML, и мы не ожидаем это изменить. Для XML ситуация может быть иной. Но просто поскольку существует более одного формата изображения (GIF, JPEG и PNG приходят в разум), может быть более одного языка таблиц стилей.Так что это хорошая привычка сообщать браузерам, что они имеют дело с CSS. (В Фактически, HTML требует этого.) Это делается с помощью атрибута type элемента style. Значение типа указывает, какой тип таблицы стилей используется. Для CSS это значение - «text / css». Ниже приводится выдержка из нашего предыдущего образца документа, который показывает, как бы вы напишите это (в сочетании с использованием комментария HTML):

 
   Домашняя страница Баха 
  
  <ТЕЛО>
    ..
  
 

Когда браузер загружает документ, он проверяет, если он понимает язык таблиц стилей. Если это так, это будет попробуйте прочитать лист, иначе он проигнорирует его. Атрибут типа (см. Глава 1 для обсуждения атрибутов HTML) в элементе стиля - это способ сообщить браузеру, какой используется язык таблиц стилей. Атрибут типа должен быть включен.

Чтобы примеры было легче читать, мы решили не переносить таблицы стилей в комментариях HTML, но мы действительно используем атрибут type в этой книге.

Древовидные структуры и наследование

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

Начнем с ознакомления с образцом документа:

 
   Домашняя страница Баха 
  <ТЕЛО>
    

Домашняя страница Баха

Иоганн Себастьян Бах был плодовитый композитор. Среди его работы:

  • Вариации Гольдберга
  • Бранденбургские концерты
  • Рождественская оратория

Древовидная структура этого документа:

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

  

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

  

Поскольку другие элементы наследуют свойства от элемент тела, все они унаследуют цвет зеленый (рисунок 2.4).

Рисунок 2.4. результат наследства. (попробуй это)

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

Наследование с приоритетом

В предыдущем примере все элементы были заданы тот же цвет по наследству. Однако иногда дети не похожи на своих родителей. Неудивительно, что CSS также учитывает для этого. Скажите, что вы хотите h2 элементы должны быть синими, а остальные - зелеными.Это легко выражено в CSS:

  

Так как h2 - ребенок элемент тела (и тем самым наследует от тела), два правила в приведенные выше таблицы стилей противоречат друг другу. Первый устанавливает цвет элемент тела - и, следовательно, также цвет h2 по наследству - а второй устанавливает цвет специально для элемента h2. Какое правило победит? Давайте найдем из:

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

Если бы CSS был языком программирования, порядок, в котором были указаны правила, которые определят, кто из них выиграет. CSS не является языком программирования, и в приведенном выше примере порядок не имеет значения. Результат будет точно таким же, если мы воспользуемся этим стилем. покрывать:

  

CSS был разработан для разрешения конфликтов между правила таблицы стилей, подобные приведенному выше.Специфика - один из аспектов который. Вы можете найти подробности в главе 15 «Каскадирование и наследование."

Свойства, не наследуемые

Как правило, свойства в CSS наследуются от родительский элемент для дочерних элементов, как описано в предыдущих примерах. Однако некоторые свойства не наследуются, и всегда есть хороший Причина, почему. Мы будем использовать свойство background (описанное в главе 11) в качестве пример свойства, которое не наследуется.

Допустим, вы хотите установить фоновое изображение для страницы. Этот это обычное явление в сети. В CSS вы можете написать:

 
   Домашняя страница Баха 
  <ТИП СТИЛЯ = "текст / css">
    ТЕЛО {
      фон: url (texture.gif) белый;
      черный цвет;
    }
  
  <ТЕЛО>
    

домашняя страница Баха

Иоганн Себастьян Бах был плодовитым композитор.

Фон свойство имеет URL ("texture.gif "), указывающий на фон изображение как значение. Когда изображение загружено, холст выглядит так:

В приведенном выше есть несколько примечательных моментов. пример:

  • Фоновое изображение покрывает поверхность как обои - также были изменены фоны элементов h2 и p покрытый. Это не из-за наследования, а из-за того, что если не установлено иное, все фоны прозрачны. Итак, поскольку мы не установили фон элемента h2 или p на что-то еще, родительский элемент body будет просвечивать.
  • Помимо URL-адреса изображения, цвет (белый) также был указан в качестве фона. В случае если изображение не может быть найдено, вместо этого вы увидите цвет.
  • Цвет элемента тела установлен на черный. Для обеспечения контраста между текстом и фоном, хорошая привычка всегда установить цвет , когда установлено свойство фона .

Итак, почему именно фоновое свойство не наследуется? Визуально эффект прозрачность похожа на наследование: похоже, что все элементы имеют такое же происхождение.Есть две причины: во-первых, прозрачный фон отображается быстрее (нечего дисплей!), чем другие фоны. Во-вторых, поскольку фоновые изображения выровнены относительно элемента, которому они принадлежат, вы бы в противном случае не всегда получается гладкая фоновая поверхность.

Общие задачи с CSS

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

Общие задачи: шрифты

Начнем со шрифтов. Если вы использовали рабочий стол публикации приложений в прошлом, вы должны уметь читать эта маленькая таблица стилей:

 h2 {font: 36pt serif} 

Правило выше устанавливает шрифт для элементов h2. Первая часть стоимости - 36pt - устанавливает размер шрифта равным 36 точки."Точка" - это старая типографская единица измерения, которая дожил до эпохи цифровых технологий. В следующей главе мы будем расскажет, почему вам следует использовать единицу "em" вместо "pt", но для теперь будем придерживаться пунктов. Вторая часть значения - serif - указывает браузеру использовать шрифт с засечки (крючки на концах штрихов, Глава 5 расскажу о них все). Более декорированные шрифты с засечками хорошо подходят для домашней страницы Баха, поскольку современные шрифты без засечек (шрифты без засечек) в его время не использовались.Здесь результат:

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

 h2 {
  размер шрифта: 36pt;
  семейство шрифтов: с засечками;
  стиль шрифта: нормальный;
  шрифт: нормальный;
  вариант шрифта: нормальный;
  высота строки: нормальный;
} 

Иногда вам нужно установить только один из них.Для Например, вы можете захотеть наклонить текст в некоторых элементах. Вот это пример:

 UL {font-style: italic} 

Стиль шрифта свойство не изменит размер шрифта или семейство шрифтов, оно только наклонит существующий шрифт. При установке в элементе ul элементы li внутри станут наклонными, поскольку стиль шрифта наследуется. Здесь результат при применении к тестовой странице, которую вы уже знаете:

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

 UL {
  стиль шрифта: курсив;
  font-weight: жирный;
}
      

Что дает:

Последние свойства, font-option и line-height , не получили широкой поддержки в браузерах. до сих пор и поэтому еще не так широко используются.

Общие задачи: поля

Установка пространства вокруг элементов - основной инструмент в типография.Заголовок над этим абзацем имеет пространство над ним. и (чуть меньше) пространство под ним. Этот абзац, как напечатано в в книге есть место слева и (немного меньше) справа. CSS можно использовать, чтобы выразить, сколько места должно быть вокруг разные виды элементов.

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

 
   Фредерик Великий встречает Баха 
  <ТЕЛО>
    

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

«Господа, старый Бах пришел."

Флейта была отложена, и старый Бах, который высадился в квартире сына, немедленно вызвали во дворец.

На снимке экрана ниже показано, как типичный HTML-код браузер отобразит документ:

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

 BLOCKQUOTE {
  маржа сверху: 1em;
  маржа справа: 0em;
  нижнее поле: 1em;
  маржа слева: 0em;
  стиль шрифта: курсив;
} 

Единица "em" будет подробно рассмотрена в в следующей главе, но уже сейчас мы можем раскрыть его секрет: он масштабируется относительно размера шрифта. Итак, приведенный выше пример приведет к вертикальные поля равны размеру шрифта (1em) цитаты, и горизонтальные поля, имеющие нулевую ширину. Чтобы убедиться цитируемый текст все еще можно различить, он получил наклонный курсив. Результат:

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

 BLOCKQUOTE {
  маржа: 1em 0em 1em 0em;
  стиль шрифта: курсив;
} 

Первая часть значения - 1em - присваивается margin-top. Оттуда это по часовой стрелке: 0em назначается на margin-right , 1em назначается margin-bottom , а 0em назначается margin-left .

Если левое поле установлено на ноль, цитируемый текст требует большего стиль, чтобы отделить его от остального текста.Параметр font-style to italic помогает, и добавление цвета фона дополнительно усиливает цитату:

 BLOCKQUOTE {
  маржа: 1em 0em 1em 0em;
  стиль шрифта: курсив;
  фон: #EDB;
} 

Результат:

Как и ожидалось, цвет фона за цитатой изменилось. В отличие от предыдущих примеров, цвет был указан в красный / зеленый / синий (RGB) компоненты. Цвета RGB описаны в подробно в главе 11.

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

 BLOCKQUOTE {
  маржа: 1em 0em 1em 0em;
  стиль шрифта: курсив;
  фон: #EDB;
  отступ: 0.5em;
} 

Результатом установки отступов является добавленное пространство между текстом и окружающим его прямоугольником:

Обратите внимание, что свойству padding было присвоено только одно значение (0,5em). Так же, как свойство margin , отступ мог принимать 4 значения, которые имели бы был назначен верхнему, правому, нижнему и левому отступу соответственно. Однако, когда одно и то же значение должно быть установлено для всех сторон, достаточно один раз перечислить его.Это верно как для padding и margin (а также некоторые другие границы свойства, которые описаны в разделе «Пространство вокруг прямоугольников». ).

Общие задачи: ссылки

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

 A: ссылка {text-decoration: underline} 

В приведенном выше примере указано, что непосещенные ссылки следует подчеркнуть:

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

Селектор ( A: ссылка ) заслуживает особое упоминание. Вы, вероятно, узнаете, что буква A - это HTML. элемент, но последняя часть новая. ": ссылка" является одним из несколько так называемых псевдоклассов в CSS.Используются псевдоклассы чтобы придать стиль элементам на основе информации за пределами документ. Например, автор документа не может знать, будет ли посещена определенная ссылка. Псевдоклассы подробно описано в главе 4, и мы приведем лишь несколько больше примеров здесь:

 A: посетил {text-decoration: none} 

Это правило придает стиль посещенным ссылкам, как и A: ссылка придала стиль непосещенным ссылкам.Вот немного более сложный пример:

 A: ссылка, A: посетил {text-decoration: none}
A: hover {background: cyan} 

Последнее правило вводит новый псевдокласс: hover . Предполагая, что пользователь перемещает указательное устройство (например, мышь), указанный стиль будет применен к элементу, когда пользователь наводит указатель на ссылку («нависает» над). А общий эффект - изменение цвета фона. Вот что это похоже:

Псевдокласс : hover имеет интересная история.Он был введен в CSS2 после наведения эффект стал популярным среди программистов JavaScript. В Решение JavaScript требует сложного кода по сравнению с CSS псевдокласс, и это пример CSS подбирающих эффектов которые стали популярными среди веб-дизайнеров.

Несколько слов о каскадировании

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

Вопрос на белом фоне: Знак вопроса PNG, вопрос PNG

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Пролистать наверх