Css как читать

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

Правильно:
CSS — Си-Эс-Эс
PHP — Пи-Эйч-Пи
JavaScript — ДжаваСкрипт — https://translate.google.ru/#en/ru/javascript
Gulp — Галп
Webpack — ВебПак
Произношение можно проверить в том же https://translate.google.ru/#en/ru/

На Слэнге:
CSS — ЦСС
PHP — Пыха, ПХП
JavaScript — JS
Gulp — гульп
Webpack — так и есть

Ответ написан более трёх лет назад
Комментировать
Нравится 3 Комментировать

Максим Федоров @Maksclub Куратор тега Веб-разработка
maksfedorov.ru

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

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

Алексей Шпак @AleksVersus

Это не обращение к топикстартеру.

Вот мне интересно, с каких х. у некоторых людей так горит жопа, когда я говорю ЯваСкрипт? Ещё и приводят как доказательство того, что я не прав, мол так произносится в английском. А ну давайте все англицизмы произносить как в английском. Что-то я не вижу, чтобы вы мучали свой рот и тысячи раз на дню тренировали звуки, чтобы чётко и внятно выговаривать ʤ, а не дж. Вы вообще знаете, как кириллицей записать ʤ? Ах надо транскрипировать близко по звучанию? Ну ак чё вы тогда не говорите па-ламент, а говорите парламент? И не дайректа, а директор? И не пру(о)тикл, а протокол? Ааа, так дело не в звучании видимо. Дело в устоявшемся в языке назывании. Яваскрипт — это слово из тех далёких времен, когда сайты писались на чистом HTML, а самым популярным протоколом был wap. А кстати, как вы произносите HTML и wap? Да подавляющее большинство говорит эйч-тэ-эм-эль, и вап. Хотя вроде правильнее эйч-ти-эм-эл и уап.
Заколебали. Я граммарнаци почище вашего, и меня бесит ваше тупое калькирование. Русский язык перерабатывает слова, адаптирует англицизмы под своё звучание и под свою ритмичность. Через десять лет вы будете сами сидеть и принимать на уши, что правильно не реакт, а риэкт, потому что иди послушай, как это звучит на английском, дурачок. Вот найдите меня тогда, и скажите, что вы оказывается всё это время говорили неправильно.

[OFF-TOPIC] Как правильно читать «CSS»?

Вопрос чисто для обсуждения. Ну моё мнение, по сути это «КаЭсЭс», ведь Cascading Style Sheets читается как ‘кэскэйд’, а не ‘саскэйд’)) Так почему же тогда многие зовут его » СиЭсЭс?

28th Feb 2018, 7:31 PM
Благо Тёма
8 Answer s

Потому что это аббревиатура. Обычно буквы произносятся по их алфавитным названиям. И если S в этой аббревиатуре произносится как «эс» (в том числе, в «КаЭсЭс» варианте��), почему тогда C должна быть исключением��

28th Feb 2018, 8:11 PM
NezhnyjVampir
Каэсэс это игра такая.
3rd Mar 2018, 12:54 PM
Ибо С(Си)S(Эс)S(Эс)
28th Feb 2018, 7:53 PM
Mark Rozenfeld
А я думал, что Ц(С) С(S) C(S) Ц + + И С #(хештег)
4th Mar 2018, 4:10 PM
ArAnstudio

Сам по началу читал «КАЭСЭС». Как-то так. Потом дошло, что правильно как в алфавите «СИЭСЭС». Вроде так, но особой разницы нет��☺

28th Feb 2018, 8:37 PM
4th Mar 2018, 4:31 PM
Благо Тёма
28th Feb 2018, 8:04 PM
Vortexlash, ага)) Знаю не по годам))
3rd Mar 2018, 4:16 PM
Благо Тёма

Often have questions like this?

Learn more efficiently, for free:

Понимание Спецификаций CSS

Вам не нужно быть программистом или специалистом по Компьютерной Науке чтобы понять спецификации CSS. Вы не должны быть старше 18 лет или иметь степень Бакалавра. Вам просто нужно быть очень щепетильным, очень упорным и очень скрупулезным.

Начиная с нуля

J. David Eisenberg написал полезную статью Как Читать Спецификации W3C для веб-дизайнеров. Если чтение технических спецификаций не является частью вашей ежедневной работы, то я рекомендую начать с этого.

Кроме того, если вы совсем ничего не знаете о CSS, я рекомендую вам сначала узнать, что это такое и как его использовать. Краткое руководство — Введение в CSS 2.1. Чтобы получить, полное представление, подберите учебную книгу CSS которая фокусируется больше на основах CSS чем на дизайне. Поиграйте с CSS в текстовом редакторе. Оформите макеты нескольких страниц. Ознакомьтесь со спецификой селектора и разрушением границ. Добавьте * < border: 1px dashed gray; >на веб-страницу так, чтобы видеть окно модели. Представление о том, куда все это направлено поможет вам совместить друг с другом все сухие технические характеристики.

Изучаем Основы

1. Во-первых, поставить все спецификации в контекст читая текущий Снимок CSS . Вы также можете прочитать Принципы Проектирования CSS.
2. Далее, прочитайте весь 1-й Раздел CSS 2.1, который объясняет, как спецификации организованы.
3. Прочитайте 3.1-й Раздел CSS 2.1 (Определение) так как вам понадобится словарь чтобы понять спецификации CSS.
4. Внимательно прочитайте следующие разделы CSS 2.1, так как правила и понятия описанные в этих разделах имеют детальное отношение к остальным спецификациям:
   • Глава 6, в частности, Раздел 6.1 і Раздел 6.2
   • Раздел 8.1
   • Раздел 9.1
   • Раздел 9.2
   • Подраздел 9.3 (Раздел 9.3 к заголовку 9.3.1.)
   • Раздел 10.1

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

Важная деталь

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

Углубление Вашего Понимания

Лучший способ получить глубокое понимание спецификации — работать с ней (спецификация, а не только технология). И лучший способ сделать это — написать тесты и объяснить, почему они правильные в соответствии со спецификацией. Теперь вы можете написать тесты самостоятельно просто для удовольствия, кроме того вы гораздо больше узнаете, и поможете сообществу CSS (авторы, разработчики, и писатели спецификаций), если вы попадете в проект QA (Проверка Качества). Вы можете научиться и сделать вклад написав тесты, усовершенствовав тесты, внося изменения в тесты, и отвечая на вопросы спецификации о тестах для… W3CНаборы Тестов Соответствия CSS W3C поддерживает официальные наборы тестов соответствия для CSS спецификаций. Проект Mozilla Проект Mozilla поддерживает движок Gecko, который лежит в основе Firefox, Netscape, Seamonkey, Camino, Flock, и многих других веб-браузеров. Проект WebKit Проект WebKit підтримує движок WebKit, который лежит в основе Safari, Omniweb, iCab, и других веб-браузеров. Проект KDE Проект KDE поддерживает движок KHTML, который лежит в основе веб-браузера Konqueror и был оригинальным исходным кодом для WebKit.

Как задавать вопросы

Навигация по сайту

Последнее обновление Пт 01 апр 2022 15:21:29

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

Часто возникают ситуации, когда необходимо проанализировать содержимое веб-страницы: посмотреть description, узнать размер какого-то элемента или просто выяснить, какой используется шрифт. С помощью опции «Просмотреть код» можно узнать не только это, но и многое другое – практически всю подноготную сайта.

Для каких целей нужен навык чтения кода и как в несколько кликов посмотреть содержимое сайта? Об этом и многом другом поговорим в сегодняшней статье.

Зачем мне нужен исходный код сайта?

Думаете, если вы не программист или верстальщик, то код вам вряд ли понадобится? На самом деле, он может помочь в разных ситуациях. Код может быть полезен:

• SEO-специалистам. Не всегда есть возможность проанализировать страницу и узнать, есть ли с ней какие-либо проблемы. Например, чтобы узнать Description страницы, можно не пользоваться специальными плагинами и прочими средствами – достаточно открыть исходный код, и описание будет перед глазами. Аналогичным образом можно посмотреть заголовок страницы, узнать, подключена ли Яндекс.Метрика и другие скрипты.
• Для более глубокого анализа конкурентов. Посмотреть, какими способами продвигается сайт, мы можем через код: ключевые слова, мета-теги и прочее – все это доступно для обычного пользователя.
• Веб-дизайнерам. Речь снова идет о конкуренции, но и не только. Когда дизайнер создает свой сайт, он часто обращается к различным ресурсам, чтобы посмотреть, как расположены те или иные элементы. Все это мы можем узнать на любом сайте: какой отступ у этой кнопки, какого она размера, сколько пикселей та фотография и так далее.
• Для лучшего понимания кода. Изучив основы HTML-кода и CSS-стилей, вы сможете понять, как работает ваш верстальщик и какие элементы следует оптимизировать.

Еще несколько возможностей при просмотре кода страницы: выгрузка картинок с исходным размером, просмотр сайта в адаптивном режиме, возможность изменять содержимое веб-страницы. Последнее работает в локальном режиме – изменения будут применены только на текущем ПК до тех пор, пока страница не будет обновлена.

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Как узнать код сайта

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

Как видите, здесь все логично и понятно.

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

Способ 1: Функция «Посмотреть код»

Открываем страницу, код которой нужно просмотреть, и кликаем по любой области правой кнопкой мыши. В отобразившемся меню выбираем «Посмотреть код». Также вы можете воспользоваться комбинацией клавиш «CTRL+SHIFT+I».

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

Обратите внимание на то, что запуск инструмента разработчика выполнялся в Google Chrome. В другом браузере название кнопки запуска может отличаться.

Способ 2: «Просмотр кода страницы»

Если в предыдущем случае мы могли открыть всю подноготную сайта, то сейчас нам будет доступен лишь HTML-код. Чтобы его посмотреть, находим на сайте пустое поле и кликаем по нему правой кнопкой мыши, затем выбираем «Просмотр кода страницы» (можно воспользоваться комбинацией клавиш «CTRL+U»). Если вы кликните правой кнопкой по элементу сайта, то кнопка «Просмотр кода страницы» будет отсутствовать.

После этого нас перенаправит на новую страницу со всем исходным кодом:

Здесь мы также можем посмотреть все содержимое страницы, однако узнать CSS и изменить данные у нас не получится.

Что такое HTML и CSS

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

Например, часто используется такая конструкция:

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

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

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

Рассмотрим на небольшом примере, как работают стили:

1. Допустим, у нас есть HTML-тег с текстом «Привет! Это мой первый сайт»:
2. Мы хотим, чтобы текст стал другого цвета. Давайте сделаем его красным! Для этого используются каскадные стили (CSS), в данном случае достаточно для тега body прописать стиль «color: red;». В результате текстовый элемент преобразится, а информацию о его стилях мы можем посмотреть в инспекторе браузера:

view-source:https://timeweb.com/ru