Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
То есть, получается, что кавычки лучше оставить, если будет использовать название из двух слов? Но и если одним словом, то не помешает? Я правильно понял?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:06 07-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Но и если одним словом, то не помешает? Я правильно понял?

пофиг как, но кавычки обязательны если название (даже одного слова в шрифте из нескольких слов) начинается не с буквы.
или если название содержит одно из ключевых слов ‘serif’, ‘sans-serif’, ‘cursive’, ‘fantasy’, ‘monospace’

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:15 07-06-2020 | Исправлено: Mavrikii, 19:17 07-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, возможно ли указать в font-family два шрифта, чтобы оба могли работать одновременно? Например, для использования с contetnt, где будет простой текст и значок FA (\fxxx). То есть, например: font-family: Helvetica, FontAwesome;.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:19 10-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
чтобы оба могли работать одновременно

Нет

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 17:51 10-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо. Но как тогда можно сделать, чтобы before и after (одного класса) шли друг за другом. Например, before это текст, а after располагается сразу после before на одной линии, в нескольких пикселях?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:49 10-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
Например, before это текст, а after располагается сразу после before на одной линии, в нескольких пикселях?

применять его к элементу без содержимого. https://jsfiddle.net/psfy8xaw/
нужен отступ - добавляем margin-left: 2px; в ::after

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 23:55 10-06-2020 | Исправлено: Mavrikii, 00:04 11-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответ с примером! Вроде бы так же пробовал, но значит что-то не то делал.
 
Добавлено:
Хотя, понятно, почему не получалось, так как надо было абсолютную позицию указать (без этого текст был не там, где надо).

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:29 11-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
так как надо было абсолютную позицию указать

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

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 01:00 11-06-2020
IR

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Подскажите, пожалуйста, где найти стиль в шаблоне? Шаблон JD Austin. Хочу поменять цвет фона, но не могу найти, где этот цвет меняется. Вроде все перебрал, но не нахожу. Отладка в хроме показывает, что стиль хранится в файле index.php. Но это какое-то перенаправление...
Вот скрин:  


Всего записей: 220 | Зарегистр. 05-02-2006 | Отправлено: 22:52 13-06-2020 | Исправлено: IR, 22:53 13-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
IR

Цитата:
Вот скрин

справа указано, где прописывается. если название html файла (как в данном случае), то прописано именно в html странице, на 63 строке

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 22:59 13-06-2020 | Исправлено: Mavrikii, 22:59 13-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
По AOS и CSS просьба подсказать. Не знаю даже, как лучше спросить. При применении анимации есть такой код:

Код:
html:not(.no-js) [data-aos^=fade][data-aos^=fade]
или
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]

Как можно сделать, чтобы вместо fade или zoom было что-то одно универсальное? Или можно их просто через запятые написать (это для веб-редактора)?

Код:
html:not(.no-js) [data-aos^=fade][data-aos^=fade],
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom],
html:not(.no-js) [data-aos^=fade][data-aos^=flip],
html:not(.no-js) [data-aos^=zoom][data-aos^=slide]

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 03:01 14-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
чтобы вместо fade или zoom было что-то одно универсальное

это все стандартный CSS, поэтому пишется так же, как и в других случаях.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 03:09 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо, написал через запятые.
 
Но ещё вопрос, почему при применении AOS в Chrome жирность шрифта/текста не меняется, а в том же Safari он выглядит чуть тоньше? Стрелкой сообщение с AOS в Safari:
 

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 03:34 14-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
я не телепат, ссылку.
возможно шрифт подгружен в формате не поддерживаемом браузером.
может антиалиасинг, изучайте CSS свойства в браузере.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 04:30 14-06-2020 | Исправлено: Mavrikii, 04:42 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ссылка. При эффектах с fade (в примере нет) вроде нормально, если не считать того, что шрифт немного тоньше во время самого эффекта. А с zoom-in (в примере) шрифт не становится нормальной жирности. То ли движки браузеров так влияют, то ли ещё что.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:05 14-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS

Цитата:
А с zoom-in

обычно это проблемы отрисовки браузера. если без эффекта подобного нет, значит точно рендер браузера.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 19:30 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Нет, если без эффекта анимации, то шрифт нормальный. Спасибо за ответ!

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:54 14-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Эх, снова просьба подсказать, как правильно сделать минимальную высоту, чтобы она не зависела от разных факторов. Вопрос по высоте сообщений в этом примере. min-heght там 44px, но в некоторых случаях она становится больше (пример).

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 18:28 17-06-2020
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
не понимаю вопроса. она и не должна зависеть, обычно устанавливается, чтобы элемент был хотя бы такой высоты, не сжимался больше. если у вас размер больше, значит и содержимого больше.

Всего записей: 15684 | Зарегистр. 20-09-2014 | Отправлено: 20:17 17-06-2020
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Как раз нет, всё что есть, в примере. Почему-то от разных тем оформления и высота разная получалась (и текст/шрифт мог быть чуть тоньше). Убрал минимальную высоту вообще, теперь высота не увеличивается, как во втором примере.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:54 17-06-2020
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru