Как ыы: TikTok — Make Your Day

Содержание

Основы CSS — Изучение веб-разработки

  • Назад
  • Обзор: Getting started with the web
  • Далее

CSS (Cascading Style Sheets) — это код, который вы используете для стилизации вашей веб-страницы. Основы CSS помогут вам понять, что вам нужно для начала работы. Мы ответим на такие вопросы как: Как сделать мой текст черным или красным? Как сделать так, чтобы контент появлялся в определённом месте на экране? Как украсить мою веб-страницу с помощью фоновых изображений и цветов?

Как и HTML, CSS на самом деле не является языком программирования. Это не язык разметки — это язык таблицы стилей. Это означает, что он позволяет применять стили выборочно к элементам в документах HTML. Например, чтобы выбрать все элементы абзаца на HTML странице и изменить текст внутри них с чёрного на красный, вы должны написать этот CSS:

p {
  color: red;
}

Давайте попробуем: вставьте эти три строки CSS в новый файл в ваш текстовый редактор, а затем сохраните файл как style. css в вашей папке styles.

Но нам всё равно нужно применить CSS к нашему HTML документу. В противном случае, CSS стиль не повлияет на то, как ваш браузер отобразит HTML документ. (Если вы не следили за нашим проектом, то прочитайте раздел Работа с файлами и Основы HTML, чтобы узнать, что вам нужно сделать в первую очередь.)

  1. Откройте ваш файл index.html и вставьте следующую строку куда-нибудь в шапку, между <head> и </head> тегами:
    <link href="styles/style.css" rel="stylesheet" type="text/css">
  2. Сохраните index.html и загрузите его в вашем браузере. Вы должны увидеть что-то вроде этого:

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

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

Давайте взглянем на вышеупомянутый CSS немного более подробно:

Вся структура называется набором правил (но зачастую для краткости «правило»). Отметим также имена отдельных частей:

Селектор (Selector)

Имя HTML-элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.

Объявление (Declaration)

Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.

Свойства (Properties)

Способы, которыми вы можете стилизовать определённый HTML-элемент (в данном случае, color является свойством для элементов <p>). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле.

Значение свойства (Property value)

Справа от свойства, после двоеточия, у нас есть значение свойства, которое выбирает одно из множества возможных признаков для данного свойства (существует множество значений color, помимо red).

Обратите внимание на важные части синтаксиса:

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

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

p {
  color: red;
  width: 500px;
  border: 1px solid black;
}

Выбор нескольких элементов

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

p,li,h2 {
  color: red;
}

Разные типы селекторов

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

Имя селектораЧто выбираетПример
Селектор элемента (иногда называемый селектором тега или типа)Все HTML-элемент(ы) указанного типа.p Выбирает <p>
ID селекторЭлемент на странице с указанным ID на данной HTML. Лучше всего использовать один элемент для каждого ID (и конечно один ID для каждого элемента), даже если вам разрешено использовать один и тот же ID для нескольких элементов.#my-id Выбирает <p> или <a>
Селектор классаЭлемент(ы) на странице с указанным классом (множество экземпляров класса может объявляться на странице)..my-class Выбирает <p> и <a>
Селектор атрибутаЭлемент(ы) на странице с указанным атрибутом.img[src] Выбирает <img src="myimage.png"> но не <img>
Селектор псевдоклассаУказанные элемент(ы), но только в случае определённого состояния, например, при наведении курсора.a:hover Выбирает <a>, но только тогда, когда указатель мыши наведён на ссылку.

Существует ещё много селекторов для изучения, и вы можете найти более подробный список в нашем Руководстве селекторов (en-US).

Теперь, когда мы изучили некоторые основы CSS, давайте добавим ещё несколько правил и информацию в наш файл style.css, чтобы наш пример хорошо выглядел. Прежде всего, давайте сделаем, чтобы наши шрифты и текст выглядели немного лучше.

  1. Прежде всего, вернитесь и найдите вывод из Google Fonts, который вы уже где-то сохранили. Добавьте элемент <link> где-нибудь внутри шапки вашего index. html (снова, в любом месте между тегами <head> и </head>). Это будет выглядеть примерно так:
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

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

  2. Затем, удалите существующее правило в вашем style.css файле. Это был хороший тест, но красный текст, на самом деле, не очень хорошо выглядит.
  3. Добавьте следующие строки в нужное место, заменив строку placeholder актуальной font-family строкой, которую вы получили из Google Fonts. (font-family просто означает, какой шрифт(ы) вы хотите использовать для вашего текста). Это правило устанавливает глобальный базовый шрифт и размер шрифта для всей страницы (поскольку <html> является родительским элементом для всей страницы, и все элементы внутри него наследуют такой же font-size и font-family):
    html {
  font-size: 10px; /* px значит 'пиксели': базовый шрифт будет 10 пикселей в высоту  */
  font-family: placeholder: здесь должно быть имя шрифта из Google fonts
}

    Примечание: Все в CSS документе между /* и */ является CSS комментарием, который браузер игнорирует при исполнении кода. Это место, где вы можете написать полезные заметки о том, что вы делаете.

  4. Теперь мы установим размер шрифта для элементов, содержащих текст внутри HTML тела (<h2> (en-US), <li>, и <p>). Мы также отцентрируем текст нашего заголовка и установим некоторую высоту строки и расстояние между буквами в теле документа, чтобы сделать его немного более удобным для чтения:
    h2 {
  font-size: 60px;
  text-align: center;
}
p, li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}

Вы можете настроить значения px так, как вам нравится, чтобы ваш дизайн выглядел так, как вы хотите, но, в общем, ваш дизайн должен выглядеть вот так:

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

Не удивительно, макет CSS основан, главным образом, на блочной модели (box model). Каждый из блоков, занимающий пространство на вашей странице имеет такие свойства, как:

  • padding, пространство только вокруг контента (например, вокруг абзаца текста)
  • border, сплошная линия, которая расположена рядом с padding
  • margin, пространство вокруг внешней стороны элемента

В этом разделе мы также используем:

  • width (ширину элемента)
  • background-color, цвет позади контента и padding элементов
  • color, цвет контента элемента (обычно текста)
  • text-shadow: устанавливает тень на тексте внутри элемента
  • display: устанавливает режим отображения элемента (пока что не волнуйтесь об этом)

Итак, давайте начнём и добавим больше CSS на нашей странице! Продолжайте добавлять эти новые правила, расположенные в нижней части страницы, и не бойтесь экспериментировать с изменением значений, чтобы увидеть, как это работает.

Изменение цвета страницы

html {
  background-color: #00539F;
}

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

Разбираемся с телом

body {
  width: 600px;
  margin: 0 auto;
  background-color: #FF9500;
  padding: 0 20px 20px 20px;
  border: 5px solid black;
}

Теперь для <body> элемента. Здесь есть немало деклараций, так что давайте пройдём через них всех по одному:

  • width: 600px; — заставляет тело быть всегда 600 пикселей в ширину.
  • margin: 0 auto; — когда вы устанавливаете два значения для таких свойств как margin или padding, первое значение элемента влияет на верхнюю и нижнюю сторону (делает их 0 в данном случае), и второе значение на левую и правую сторону (здесь, auto является особым значением, которое делит доступное пространство по горизонтали поровну слева и справа). Вы также можете использовать один, три или четыре значения, как описано здесь.
  • background-color: #FF9500; — как и прежде, устанавливает цвет фона элемента. Я использовал красновато-оранжевый для тела, в отличие от темно-синего цвета для <html> элемента, но не стесняйтесь и экспериментируйте.
  • padding: 0 20px 20px 20px; — у нас есть четыре значения, установленные для padding, чтобы сделать немного пространства вокруг нашего контента. В этот раз мы не устанавливаем padding на верхней части тела, но делаем 20 пикселей слева, снизу и справа. Значения устанавливаются сверху, справа, снизу, слева, в таком порядке.
  • border: 5px solid black; — просто устанавливает сплошную чёрную рамку шириной 5 пикселей со всех сторон тела.

Позиционирование и стилизация нашего заголовка главной страницы

h2 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;
}

Вы, возможно, заметили, что есть ужасный разрыв в верхней части тела. Это происходит, потому что браузеры применяют некоторый стиль по умолчанию для элемента <h2> (en-US) (по сравнению с другими), даже если вы не применяли какой-либо CSS вообще! Это может звучать как плохая идея, но мы хотим, чтобы веб-страница без стилей имела базовую читаемость. Чтобы избавиться от разрыва, мы переопределили стиль по умолчанию, установив margin: 0;.

Затем мы установили заголовку верхний и нижний padding на 20 пикселей, и сделали текст заголовка того же цвета, как и цвет фона html.

Здесь, мы использовали одно довольно интересное свойство — это text-shadow, которое применяет тень к текстовому контенту элемента. Оно имеет следующие четыре значения:

  • Первое значение пикселей задаёт горизонтальное смещение тени от текста — как далеко она движется поперёк: отрицательное значение должно двигать её влево.
  • Второе значение пикселей задаёт вертикальное смещение тени от текста — как далеко она движется вниз, в этом примере: отрицательное значение должно переместить её вверх.
  • Третье значение пикселей задаёт радиус размытия тени — большее значение будет означать более размытую тень.
  • Четвёртое значение задаёт основной цвет тени.

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

Центрирование изображения

img {
  display: block;
  margin: 0 auto;
}

В заключение, мы отцентрируем изображение, чтобы оно лучше выглядело. Мы можем использовать margin: 0 auto уловку снова, как мы это делали раньше для body, но мы также должны сделать кое-что ещё. Элемент <body> является блочным, это значит, что он занимает всю ширину страницы и может иметь margin и другие значения отступов, применяемых к нему. Изображения, наоборот, являются строчными элементами, то есть они этого не могут. Таким образом, чтобы применить margin к изображению, мы должны дать изображению блочное поведение с помощью display: block;.

Примечание: Приведённые выше инструкции предполагают, что вы используете изображение меньшей ширины, чем заданная для <body> (600px). Если ваше изображение больше, тогда оно выйдет за границы <body> и займёт пространство страницы. Чтобы исправить это, вы можете: 1) уменьши ширину изображения используя графический редактор, или 2) изменить размер изображения используя CSS путём установки свойства width для <img> меньше, чем у <body>.

Примечание: Не стоит беспокоиться, если вы ещё не понимаете display: block; и различия между блочным/строчным. Вы поймёте, когда будете изучать CSS более подробно. Вы можете узнать больше о различных доступных значениях display на нашей странице о свойстве display.

Если вы следовали всем инструкциям в этой статье, вы должны получить страницу, которая выглядит примерно так (вы также можете посмотреть нашу версию здесь):

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

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

  • Назад
  • Обзор: Getting started with the web
  • Далее
  • Установка базового программного обеспечения
  • Каким должен быть ваш веб-сайт?
  • Работа с файлами
  • Основы HTML
  • Основы CSS
  • Основы JavaScript
  • Публикация вашего веб-сайта
  • Как работает Веб

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

«ЫЫ ВЫГЛЯИШЬ ОЛИЧНООО!», или Как распорядиться своими СуперУшами

Отличное название, способное вызвать интерес широкого круга читателей. Правда, под обложкой их ждет не то, чего они, возможно, ожидали. Речь действительно пойдет о суперспособностях, которые связаны с некой технической «штучкой». Можно назвать ее «генератором дополнительной силы», или что там бывает у супергероев. Но на самом деле это слуховой аппарат. А дословный перевод оригинального названия этого графического романа – «В глухоте». Его создательница Сиси Белл получила одну из самых престижных премий американской детской литературы – премию Джона Ньюбери.

«В глухоте» – история девочки, в раннем детстве потерявшей слух.

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

Но сначала и героине, и читателю придется понять и прочувствовать, что такое «жить в глухоте».

Кроме проблем с общением, рождающим множество бытовых неудобств, девочка страдает от своего «особенности». Ей мучительно хочется быть такой же, как все. Как это неприятно – выделяться из группы детей! Все сразу на тебя пялятся. Кроме того, девочку раздражает и сердит непонимание окружающих: ну почему другие не чувствуют, что для нее неудобно, а что, наоборот, открывает возможности нормально общаться? Ведь от людей требуется совсем не много, чтобы облегчить ей жизнь!

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

Я читала эту книгу два раза: один раз сама, другой раз – с внуком. Второй раз мне было вдвойне интересно. Я следила за реакцией внука и прямо чувствовала, как автор попадает в цель, как восьмилетнему понятно, что именно происходит: какие ситуации, какие поступки людей расстраивают героиню и вызывают у нее напряжение, даже отчаяние. И как это захватывает и вызывает сочувствие. Но к этому ведь надо подвести – показать внутреннюю подкладку ситуаций, вытащить на поверхность причину недоразумения. Комикс так сделан, что человек восьми-девяти лет прямо как в зеркало смотрится: с этим хочу дружить, но он все время командует. Этот придумывает злые игры – не по злости, а по глупости. С этими весело, но из веселья возникают проблемы с учителями. А в эту (этого) ты взял и влюбился: почему – не очень понятно. Как увидишь, так сразу дико глупеешь. И этот туповатый, несмешной детский юмор: «Учительница в туалете писает: пись-пись…», и то и дело проскальзывающее слово «блин» (в зоне домашнего воспитания я могу вести непримиримую войну со словом «блин», но в диалоге третьеклассников оно смотрится «логично», к сожалению).

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

«Я была обычным ребенком. Играла с мамиными вещами.
Смотрела телек с братом Эшли и сестрой Сарой.
Каталась с папой на велосипеде.
Искала гусениц с моей подругой Эммой.
А еще я пела.
Но однажды все изменилось…».

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

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

И не слышать.

Глухота ребенка описана тут с этнографической точностью, недоступной «автору со стороны». Главную героиню книги не случайно зовут Сиси – как и автора книги. В возрасте четырех лет Сиси Белл после перенесенного менингита практически полностью потеряла слух, и с этого времени многое в ее жизни определял слуховой аппарат. «Отношения» героини со слуховым аппаратом и являются стержнем повествования.

Что знает (думает) человек со стороны о слуховом аппарате? Только то, что он позволяет слышать человеку, потерявшему слух.

Если бы все было так просто! Да, глухой человек получает доступ в мир звуков, но этот мир часто оказывается искаженным. Например, фраза «Ты выглядишь отлично» слышится как «ЫЫ ВЫГЛЯИШЬ ОЛИЧНООО!». Чтобы понять смысл произносимых слов, нужны дополнительные источники «информации». Таким источником в первую очередь является чтение по губам. Но этого недостаточно. Довольно часто губы собеседника двигаются одинаково при произнесении близких по звучанию, но совершенно различных по смыслу слов – таких как «беда» и «еда», например. Тут на помощь должно прийти умение оценить общую ситуацию и контекст, в котором употребляется слово. Этим умениям глухих детей обучают на специальных курсах. Сиси ходила в специальную группу предшкольной подготовки, в которой все были «такие же, как она».

Дошкольники, которые научились понимать смысл из контекста, вызывают настоящее уважение. И правда, героиня книги – такая хорошая, такая способная девочка (пусть ей и не чуждо ничто человеческое: она с глупой радостью слышит, как учительница делает «пись-пись», и даже позволяет себе в минуту душевной невзгоды произнести слово «блин»)!

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

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

Громкая техническая речь – просто бедствие для людей со слуховым аппаратом. А вот кино с титрами – настоящий подарок! Жаль, что подходящих для Сиси фильмов с титрами не так много, как хотелось бы. (Правда, к концу нулевых годов в США титры стали необходимым атрибутом практически всех фильмов – причем на разных языках).

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

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

На меня сильнейшее впечатление произвел не только сам графический роман, но и вроде бы короткое, чуть больше двух страниц, авторское послесловие. В нем Сиси Белл объясняет, что такое глухота, с ее точки зрения: «Люди могут потерять слух в разных ситуациях… У каждого своя степень глухоты… есть много способов быть глухим. При этом нет способов правильных и неправильных…»

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

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

Своеобразный манифест индивидуальности.

Хочется склонить голову и перед автором, и перед ее героиней.

И отдельная благодарность переводчику романа Марии Скаф – и за бережное, внимательное отношение к тексту, и за тщательно продуманные и интересные примечания к книге.

Марина Аромштам

8 способов спросить «Как дела?» На английском языке

Хотите узнать несколько новых способов сказать «Как дела?» по-английски? Этот вопрос постоянно задают носители английского языка. Когда мы знакомимся с кем-то новым, сталкиваемся с коллегой по работе и особенно когда мы встречаемся с друзьями . Задавать всегда один и тот же вопрос может быть немного скучно, мы здесь, чтобы помочь: вы можете спросить «Как дела» на английском официально, неформально или даже на сленге. Вот несколько способов использования различных вариаций.

Изучайте языки в своем темпе

Выберите свой план

Общие способы спросить «Как дела?» на английском

Как дела?

Мы не можем оставить это без внимания. Это одна из самых основных фраз в английском языке, и вы можете использовать ее в любом контексте. С друзьями, коллегами, начальником, учителем… всегда хорошо. Обычный ответ, особенно в англоязычном мире, — «Хорошо, спасибо» или «Хорошо, спасибо». Мы ответили бы так, даже если бы вокруг нас рухнуло небо. Итак, формальное «Как дела?» не всегда вопрос, который предполагает правдивый ответ.

Как дела?

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

Как дела?/Как дела?

Этот вопрос вы бы задали своим знакомым. Это означает, что вы немного знаете об их жизни и не против услышать об этом. Таким образом, вы можете спросить коллегу: «Как дела?», и он может ответить: «Все хорошо, спасибо. Тот проект, над которым я работал…».

Что происходит?

Это еще один хороший вопрос, который можно задать знакомым. Он приглашает их рассказать вам немного о своей жизни и о том, что произошло с тех пор, как вы видели их в последний раз. Таким образом, у вас больше шансов услышать правдивый ответ на этот вопрос, чем если вы спросите «Как дела?».

Изучайте языки в своем темпе

Выберите свой план

Официальные способы сказать «Как дела?» на английском

Ты в порядке?

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

Как дела?

«Как дела?» старомоден и определенно более британский , чем американский . Вы можете ответить: «У меня все хорошо», но это действительно старомодно, действительно , поэтому лучше просто сказать «Очень хорошо, спасибо» или что-то в этом роде.

Способы сказать «Как дела?» с друзьями

Как дела?

Это неформальный или сленговый способ спросить друга: «Как дела?». Спросите друга или близкого коллегу: «Как дела?» может дать вам длинный или короткий ответ. Это может быть: «Что случилось?» – «Ничего особенного, ты?». Или «Что случилось?» – «У меня так много работы…». Англоговорящие также спрашивают «Что случилось?» когда кто-то выглядит грустным, но в этом случае, конечно, тон голоса был бы другим.

Что нового?

Неформальный способ спросить: «Что происходит». Это приглашает человека, с которым вы разговариваете, рассказать вам немного о себе и своей жизни.

Хорошо?

«Все в порядке?» это неформальный способ спросить кого-то, кого вы хорошо знаете, как они. Вы можете дать короткий или длинный ответ на этот вопрос — нормально сказать «Все в порядке?», «Да, все в порядке?», или дать гораздо более длинный ответ о себе.

Теперь у вас есть множество способов спросить кого-нибудь: «Как дела?». Полезно помнить, какие из них предполагают более длинный ответ, чтобы вы могли не задавать их, когда спешите!

Изучайте языки в удобном для вас темпе

Выберите свой план

Лора — независимый писатель и восемь лет преподавала английский как второй язык. Она родилась в Великобритании, жила в Австралии и Польше, где ведет блоги для Lingoda обо всем, от грамматики до свиданий с носителями английского языка. Она определенно лучше первой. Она любит путешествовать, и это еще одна важная тема, на которую она пишет. Лора любит пилатес и езду на велосипеде, но когда ей лень, ее можно найти свернувшись калачиком за просмотром Netflix. В настоящее время она изучает польский, и ее битва с этим загадочным языком вызвала у нее огромное сочувствие ко всем, кто изо всех сил пытается выучить английский. Узнайте больше о ее работах в ее портфолио.

Как ответить на вопрос «Как дела?» на английском языке • 7ESL

PIN-код

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

В этой записи блога я расскажу о некоторых наиболее распространенных ответах на вопрос «Как дела?» по-английски.

Содержание

Как ответить на вопрос «Как дела?»

Формальные способы ответить на вопрос «Как дела?»

Вот список наиболее формальных способов ответа на вопрос «Как дела?» и примеры их использования:

  1. «У меня все хорошо, спасибо».
  2. «У меня все отлично, спасибо, что спросили».
  3. «Очень хорошо, спасибо. И себя?»
  4. «У меня все хорошо, а у тебя?»

Примеры их использования включают:

  • Если вы встретите старого друга и он спросит: « Как дела, ?» вы можете ответить что-то вроде: « У меня все хорошо, я просто пытаюсь пережить день. Как насчет вас ?».
  • Если вы переехали в новый район и встретили соседа, и он спросил: « Как дела? Как дела? », вы можете ответить что-то вроде «, не так уж и плохо. Я только что переехал сюда на прошлой неделе. Как насчет вас, ?

Неформальные ответы на вопрос «Как дела?»

Теперь давайте рассмотрим некоторые из более неформальных способов ответить на вопрос «Как дела?» и примеры их использования:

  1. «Неплохо, сам?»
  2. «Неплохо, а ты?»
  3. – Потерпите, а вы?
  4. «Не могу жаловаться, а ты?»

Примеры их использования:

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

  • Если ваша бабушка спросит: «, как дела, ?» когда вы входите в ее дом, вы можете ответить что-то вроде: « счастлив как моллюск. Как насчет тебя? ».

Идиоматические способы ответа на вопрос «Как дела?»

Вот несколько идиоматических способов ответа на вопрос «Как дела?»

  1. «Жить мечтой».
  2. «Довольно персиковый».
  3. «Висит, как волос на печенье».
  4. «Счастлив как моллюск».

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

Профессиональные способы ответа на вопрос «Как дела?»

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

  1. «У меня все хорошо, спасибо, что спросили».
  2. «Все в порядке, спасибо за вопрос».
  3. «У меня все хорошо, спасибо за беспокойство».

Забавные способы ответить на вопрос «Как дела?»

Наконец, вот несколько забавных способов ответить на вопрос «Как дела?»:

  1. «Лучше, чем я заслуживаю».
  2. «Довольно паршиво, но что поделаешь?»
  3. «Неплохо для человека».
  4. «Жить сладкой жизнью».
  5. «Я выживаю на кофе и сарказме».

Различные способы ответа на вопрос «Как дела?»

  • Я в порядке.
  • Я в порядке.
  • Довольно хорошо
  • Я в порядке
  • Я в порядке.
  • Не так уж плохо.
  • Все тот же старый такой же старый
  • Да, хорошо.
  • Я жив.
  • Очень хорошо, спасибо
  • Я держусь там.
  • Мне было лучше.
  • Ничего особенного.
  • Немного.
  • Ничего.
  • О, как обычно.
  • Боже, сколько всего!
  • Как ты, но лучше.
  • Я действительно мог бы пойти на массаж.
  • Намного лучше теперь, когда ты со мной.
  • Не очень хорошо
  • Пока все хорошо!
  • Сейчас я довольно обычный.
  • Рад и доволен, спасибо.
  • Все отлично. Надеюсь, что этот статус-кво сохранится до конца дня.
  • Достаточно хорошо, чтобы поболтать с вами, если хотите.
  • Я лучше, чем был, но далеко не так хорош, как я собираюсь быть.
  • Думаю, у меня все в порядке. Как вы думаете, как я поживаю?
  • Я счастлив!
  • Гораздо лучше, чем я заслуживаю!
  • У меня есть пульс, значит, я в порядке.
  • Лучше, чем у некоторых, но не так хорошо, как у других.
  • У меня все хорошо.
  • Средний колодец.
  • Я бы солгал, если бы сказал, что со мной все в порядке.
  • Наверное, выжил.
  • Нуждается в тишине и спокойствии.
  • Ужасно, теперь, когда я встретил тебя.
  • Представляю себе сказочный отпуск.
  • Внутри я лучше, чем снаружи
  • Солнце весь день!
  • Пока не уверен.