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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Градиент применяется и для простого текста тоже? Попробовал сделать, работает почему-то только для заголовков и параграфов, а у текст шрифт получается прозрачный. За основу брался пример, который есть на всех сайтах.

Код:
background: linear-gradient(#fff, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

 
И обязательно ли надо прописывать fallback-font за основным названием шрифта?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:44 10-11-2019 | Исправлено: WONDROUS, 23:10 10-11-2019
Mavrikii

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

Цитата:
а у текст шрифт получается прозрачный.  

https://jsfiddle.net/5uo8mv3f/
 

Цитата:
И обязательно ли надо прописывать fallback-font за основным названием шрифта?

я же сказал - если уверены, что шрифт загрузится браузером - не нужно.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 01:55 11-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Даже если вдруг не загрузится, то всё равно должен быть по-умолчанию, разве нет?

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
Какой то будет по умолчанию - на усмотрение браузера.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 13:38 11-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответы!
 
Всё равно не получается применить градиент к простому тексту, в редакторе. То ли я не правильно указываю id и класс для него, то ли ещё что. Пример, текст невидимый в самом верху страницы.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 17:05 11-11-2019
VVL99

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
http://klikr.org/5c09f706024915c191c52ae880a5.png
http://klikr.org/ef6b7b94e10e8f99fdc718579456.png

Всего записей: 4158 | Зарегистр. 03-02-2011 | Отправлено: 20:14 11-11-2019 | Исправлено: VVL99, 23:10 11-11-2019
Mavrikii

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

Цитата:
Пример, текст невидимый в самом верху страницы.

1) id должен быть уникальным на странице
2) не нужно лепить один и тот же стиль к куче элементов

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:58 11-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В общем, не применяется градиент для простого текста.
 
Другой вопрос, как сделать, чтобы при применении градиента для того же параграфа, фон оставался цветным, а не становился прозрачным?
 
И возможно ли текст в content сделать параграфом?

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 15:25 12-11-2019 | Исправлено: WONDROUS, 16:14 12-11-2019
Mavrikii

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

Цитата:
В общем, не применяется градиент для простого текста.

все применяется и работает.
 

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

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

Цитата:
И возможно ли текст в content сделать параграфом?

что вы называете параграфом?

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 20:42 12-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Понятно, спасибо.
 
Имеется ввиду это:

Код:
<p>Text</p>

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 22:39 12-11-2019 | Исправлено: WONDROUS, 22:40 12-11-2019
Mavrikii

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

Цитата:
Имеется ввиду это

выставляете margin и padding как хотите.
https://jsfiddle.net/otn1wpze/1/

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 22:43 12-11-2019 | Исправлено: Mavrikii, 22:44 12-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
За пример спасибо, но немного не то, что хотелось бы. Есть текстовый блок в <p class=""> и есть правило, font-family, которое применяется к этому классу (p). И есть текст, который находится в div и в content в before. Не знаю, как правильно объяснить, честно говоря.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:35 12-11-2019
Mavrikii

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

Цитата:
Не знаю, как правильно объяснить, честно говоря.

ну так подумайте.
before и after можно указывать какие шрифты использовать - https://jsfiddle.net/rzvo8L75/

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 23:40 12-11-2019 | Исправлено: Mavrikii, 00:40 13-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Хм, имелось ввиду, можно ли содержимое content как-то сделать внутри <p></p>. Сейчас это выглядит примерно так:

Код:
.message:before {
content: "text";
position: absolute;
и код далее
}

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

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

Цитата:
Сейчас это выглядит примерно так

и должно выглядеть так.  
before и after не могут использовать какие либо теги внутри или снаружи.
 

Цитата:
как-то сделать внутри <p></p>

только если изначально будут внутри существующего p

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 21:50 13-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо за ответы!
 
Есть ли универсальное значение line-height? Что лучше указать: normal, 100%, initial?

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

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

Цитата:
Есть ли универсальное значение line-height?

что значит "универсальное"??

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 00:11 15-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Например, которое подойдёт для разных тем оформления, у которых свои настройки css. Например, счётчик, у которого ниже есть надпись. По-умолчанию установлен inherit, но при этом, в одних темах всё нормально, в других, цифры находят на надпись. Или для подобного объекта лучше поставить initial?

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

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
WONDROUS
я вас не понимаю.
почему решили, что проблема в line-height?
 

Цитата:
в других, цифры находят на надпись

ну так нужно смотреть сначала в чем там причина.

Всего записей: 15689 | Зарегистр. 20-09-2014 | Отправлено: 00:26 15-11-2019
WONDROUS



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Потому что когда меняешь inherit на тот же initial, то цифры и текст ниже показываются нормально. Поэтому и думаю, проблема в line-height.

Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:41 15-11-2019
Открыть новую тему     Написать ответ в эту тему

Страницы: 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