worldwide open-source software - software:development:ps_pycharm:css

attribute_selectors

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 18:29:58 +0000

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

Краткое описание

Селекторы атрибутов отбирают элементы по наличию атрибута или его значению.
[attr]
Обозначает элемент с атрибутом по имени attr.

[attr=value]
Обозначает элемент с именем атрибута attr и значением в точности совпадающим с value.

[attr~=value]
Обозначает элемент с именем атрибута attr значением которого является набор слов разделённых пробелами, одно из которых в точности равно value

[attr|=value]
Обозначает элемент с именем атрибута attr. Его значение при этом может быть или в точности равно «value» или может начинаться с «value» со сразу же следующим «-» (U+002D). Это может быть использовано когда язык описывается с подходом.

[attr^=value]
Обозначает элемент с именем атрибута attr значение которого начинается с «value»

[attr$=value]
Обозначает элемент с именем атрибута attr чьё значение заканчивается на «value»

[attr*=value]
Обозначает элемент с именем атрибута attr чьё значение содержит по крайней мере одно вхождение строки «value» как подстроки.

Пример

CSS

/* Все span с атрибутом "lang" будут жирными */
span[lang] {
  font-weight: bold;
}
 
/* Все span в Португалии будут зелёными */
span[lang="pt"] {
  color: green;
}
 
/* Все span с американским английским будут синими */
span[lang~="en-us"] {
  color: blue;
}
 
/* Любые span на китайском языке будут красными, как на упрощённом китайском (zh-CN) так и на традиционном (zh-TW) */
span[lang|="zh"] {
  color: red;
}
 
/* Все внутренние ссылки будут иметь золотой фон */
a[href^="#"] {
  background-color: gold;
}
 
/* Все ссылки с url заканчивающимся на .cn будут красными */
a[href$=".cn"] {
  color: red;
}
 
/* Все ссылки содержащие "example" в url будут иметь серый фон */
a[href*="example"] {
  background-color: #cccccc;
}

HTML

<div class="hello-example">
  <a href="http://example.com">English:</a>
  <span lang="en-us en-gb en-au en-nz">Hello World!</span>
</div>
<div class="hello-example">
  <a href="#portuguese">Portuguese:</a>
  <span lang="pt">Olá Mundo!</span>
</div>
<div class="hello-example">
  <a href="http://example.cn">Chinese (Simplified):</a>
  <span lang="zh-CN">世界您好！</span>
</div>
<div class="hello-example">
  <a href="http://example.cn">Chinese (Traditional):</a>
  <span lang="zh-TW">世界您好！</span>
</div>

class_selectors

anonymous@undisclosed.example.com (Anonymous) — Wed, 16 Aug 2023 18:30:24 +0000

Селекторы по классу

Краткое описание

В HTML документе, селекторы по CSS классу находят элементы с нужным классом. Атрибут класса определяется как разделённый пробелами список элементов, и один из этих пунктов должен точно соответствовать имени класса, приведённому в селекторе.

Синтаксис

.classname { style properties }

Это эквивалентно следующему селектор по атрибуту:

[class~=classname] { style properties }

Пример

CSS

span.classy {
  background-color: DodgerBlue;
}

HTML

<span class="classy">Здесь span с каким-то текстом.</span>
<span>А тут другой span.</span>

css

anonymous@undisclosed.example.com (Anonymous) — Sat, 01 Feb 2025 06:13:55 +0000

JetBrains PyCharm Professional 2021.3

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

Описание программы

Помощь при написании кода
PyCharm делает разработку максимально продуктивной благодаря функциям автодополнения и анализа кода, мгновенной подсветке ошибок и быстрым исправлениям. Автоматические рефакторинги помогают эффективно редактировать код, а удобная навигация позволяет мгновенно перемещаться по проекту.
Встроенные инструменты для разработчиков
PyCharm предлагает большой набор инструментов из коробки: встроенный отладчик и инструмент запуска тестов, профилировщик Python, полнофункциональный встроенный терминал, инструменты для работы с базами данных. IDE интегрирована с популярными системами контроля версий, содержит встроенный SSH-терминал, поддерживает возможности удаленной разработки и удаленные интерпретаторы, а также интеграцию с Docker и Vagrant.
Веб-разработка
PyCharm предоставляет полноценную поддержку разных веб-фреймворков и платформ для разработки на Python, поддерживает темплейтные языки этих фреймворков, а также JavaScript, CoffeeScript, TypeScript, HTML/CSS, AngularJS, Node.js и многие другие.
Инструменты для научных вычислений
С PyCharm вы сможете работать с ноутбуками Jupyter, запускать команды в интерактивной консоли Python, подключать библиотеки Anaconda, а также работать с другими библиотеками для научных вычислений и анализа данных, включая Matplotlib и NumPy.
Настраиваемая кросс-платформенная IDE
PyCharm можно установить на Windows, macOS и Linux с помощью одного лицензионного ключа. Настройте рабочую среду так, как вам нравится: выберите подходящую цветовую схему и удобные сочетания клавиш, включите режим эмуляции VIM.

Установка

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

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

3. Для windows : Копируйте архив fineagent.jar в корень диска C

4. Перейдите в директорию установки продукта JetBrains ( C:\Program Files\JetBrains\PyCharm 2021.3\bin ), найдите файл с расширением *.exe.vmoptions ( pycharm64.exe.vmoptions ), откройте в Notepad++ и в конце добавьте строку ( -javaagent:c:/fineagent.jar ) и потом сохраните

5. откройте JetBrains и скопируйте код в окно «Код активации» и он станет Активный

5AYV1D1RE5-eyJsaWNlbnNlSWQiOiI1QVlWMUQxUkU1IiwibGljZW5zZWVOYW1lIjoiaHR0cHM6Ly93d3cuaml3ZWljaGVuZ3podS5jb20iLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiIiwiY2hlY2tDb25jdXJyZW50VXNlIjpmYWxzZSwicHJvZHVjdHMiOlt7ImNvZGUiOiJJSSIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifSx7ImNvZGUiOiJBQyIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifSx7ImNvZGUiOiJEUE4iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiUFMiLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiR08iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiRE0iLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiQ0wiLCJmYWxsYmFja0RhdGUiOiIyMDk5LTEyLTMxIiwicGFpZFVwVG8iOiIyMDk5LTEyLTMxIn0seyJjb2RlIjoiUlMwIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJEIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlBDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJNIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IldTIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IkRCIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IkRDIiwiZmFsbGJhY2tEYXRlIjoiMjA5OS0xMi0zMSIsInBhaWRVcFRvIjoiMjA5OS0xMi0zMSJ9LHsiY29kZSI6IlJTVSIsImZhbGxiYWNrRGF0ZSI6IjIwOTktMTItMzEiLCJwYWlkVXBUbyI6IjIwOTktMTItMzEifV0sImhhc2giOiIxMjc5Njg3Ny8wIiwiZ3JhY2VQZXJpb2REYXlzIjo3LCJhdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlLCJpc0F1dG9Qcm9sb25nYXRlZCI6ZmFsc2V9-HNPogO0kWkHCVMnsjmBXUqQt87UPHqdkYqZGveSJtu8hb2V2Yq7gHsHenp4UuEd3jwEwC+YrUIf7U5yDA/56F5Sdn0RLUHZX5DHeQbJPbmYCBsDRT7m8rnmMFOSZn3vwNatvv1cooZbcGOk3Wwxx6bF7XcgaIrmXRcmZMZgv2PZehr0WS1HxNKe3X4nbGP3MwiSbg4ypmxNDrljmgv+Si9QDDwNLDffqeO0Lce0FqEJuMWmvBS42S0aeIYF8IS5bp4+LFKLJ8T7tF40OxKYDurBb9+9c43GZBscM/eLB8Jos66jNGFwgebFUlvhzJKVHZtuc/N8zGeEnTq6K0T/B8w==-MIIDTjCCAjagAwIBAgIBDTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMCAXDTE4MTEwMTEyMjk0NloYDzIwOTkwODA5MDIyNjA3WjAfMR0wGwYDVQQDDBRwcm9kMnktZnJvbS0yMDIwMTAxOTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAMK3eyr0+Oys/TwcQO+qYaXWGBmXcEP4fR0bHHzZd/4WNGltXhecM80OWthA38BQRYAJBCKz/dSkO2Kj1H2y+7KB5cIaOiJEyTESfTSgzQdot6laRBU8oxy9mmagI46M8zEEmplPybY4YJj4HOwZiBsMQEMxoTgMDLpuHX6uASoVhSj6koB55lOj4wEgsQBeAMWTAXmTl88ixE179J8aBUkBGpL8w/tZzl9BJXZNF15gPfkS58rw8cdPzXLS0Yym37A2/KKFhfHzJc5KhbaxqYzmkAfTMqPsIqCQ1lQUAqfiPn2gN2I1Z3/cQuEW27M55fXVr2DduQe5DWzYJs85L50CAwEAAaOBmTCBljAJBgNVHRMEAjAAMB0GA1UdDgQWBBQk2hEilvWFQcCTR+gxI0z0wIQC/zBIBgNVHSMEQTA/gBSjnrZIZ0ISNkG9beC5tKBSi5fxs6EcpBowGDEWMBQGA1UEAwwNSmV0UHJvZmlsZSBDQYIJANJssYOyg3nhMBMGA1UdJQQMMAoGCCsGAQUFBwMBMAsGA1UdDwQEAwIFoDANBgkqhkiG9w0BAQsFAAOCAQEAsCQBjO5wttco/Z5cj/o4GBrku8UtBBBVFq4xsBanshTHm4deVxcTvta4aScV0TPKcaLqGqWx8A9v8XXO8dBbCuyXvWZteZ/C2Covg1xXiM99lz7VxqpjVmLdKanZn5u0gQSiYJdcfF+TdbmEIeSOnN/kLXNq2hXdJQK2zk2J25UZqu5EibRtTbdOzw6ZcfwJ8uOntXfsmAhnNICP3Wf/4wR/mwB0Ka4S+JA3IbF5MUmUZ/fjUaFarnin70us+Vxf/sZUi7u67wilvwVV0NAqDpthHUV0NRc4q+yOr2Dt/uCHdy4XRXLJfAv/z9/xBwNZZALNz3EtQL6IeIWWJByl3g==

если необходимо, то заблокируйте хост (хотя проблем не должно быть)

127.0.0.1 account.jetbrains.com
127.0.0.1 www.jetbrains.com
127.0.0.1 www-weighted.jetbrains.com
127.0.0.1 repo.idechajian.com
127.0.0.1 bs.studycoder.com
127.0.0.1 bi.studycoder.com
127.0.0.1 *.studycoder.com

6. Теперь можно работать с приложением. Создавайте свой первый проект, настраивайте рабочее окружение и пишите код на Python подобный тому, который показан на прикрепленном ниже скриншоте.

Достоинства и недостатки

Переходим к обзору сильных и слабых сторон PyCharm от JetBrains.

Плюсы:

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

Минусы:

отсутствие перевода на русский язык.

Файлы для загрузки

PyCharm Professional 2021.3