если у кого-то проблемы на 10:00 , то там visited должен стоять перед псевдоклассом hover, а тот в свою очередь перед active. + если вы использовали ссылку из локальных файлов( фотка,) то она автоматом будет гореть как посещённая, поэтому попробуйте с обычной ссылкой на сайт( на неё наложиться visited только после открытия, а потом т.к в истории браузера вы посещали эту ссылку, то будет определяться как visited)
Так же добавлю (у меня только так получилось): Если хотите добавить фон в visited, то нужно сначала добавить любой фон к самой ссылке, например белый, чтоб фон поменялся в visited..
замечательные уроки, всё по делу, ничего лишнего, автор хорошо рассказывает, но! - при переключении с редактора на страницу браузера кадр цветом(светом) резко меняется и при просмотре в вечернее время зрачки очень сильно утомляются от такой смены обстановки
25:10 Друзья, важное уточнение: при p:first-of-type {text-decoration: line-through} зачеркнут на странице будет и первый объект , и также каждый первый объект в каждом . Таким образом - если у вас на странице просто пять абзацей , а также три блока с неким количеством абзацей внутри, то зачеркнуты будут первый из пяти отдельных абзацей и каждый первый абзац в каждом из трех блоков . C last-of-type то же самое по аналогии. Спасибо!
ПОЧЕМУ У МЕНЯ НЕ РАБОТАЕТ div:hover { Background-color: blue } ПОЧЕМУ?!?! МЕНЯ ТАК БЕСИТ. ЭТО edge ТАК ПЛОХО РАБОТАЕТ ИЛИ Я ГОВНОКОДЕР И ЧТО ТО НЕ ТАК СДЕЛАЛ?
Может вы забыли подключить CSS-файл. Я проверил, сначала не получилось, потом заметил, что файл CSS не подключен. Потом всё сработало. Если что, вот код. HTML:
Какой-то текст
CSS: div { background-color: red; } div:hover { background-color: blue; } P.S. Наверное, важно, чтобы CSS- код был подключен внутри тега "head". P.P.S Если и так не сработает, то не пишите в CSS-коде ничего и подключите JS-код, в котором напишите следующее: $('div').css('background-color','red').hover( function(){ $(this).css('background-color','blue'); }, function(){ $(this).css('background-color','red'); });
Спасибо большое! учимся) Мне чуть-чуть не хватило общей информации: что такое псевдоклассы и псевдоэлементы, чем они отличаются и каких видов бывают. чтоб понять структуру в целом. а потом - уже детали кода. ну, это мое личное - я так соображаю "от общего к частному") погуглила, разобралась, посмотрела видео на второй раз)
Каши в голове стало меньше? Нужно ещё каждый раз повторять код, набирать его несколько раз, пытаться создать что-то на странице. Практика помогает запоминать. Плюс ещё можно от руки записать, вытаскивая инфу из головы, без подглядывания. Так ещё быстрей запомнится, помимо классического конспектирования.
В итоге своих изучений я знаю C# C C++ JQuery Python Java Ruby Swift Golang Kotlin Django C-objective, JS, PHP, SQL... Ты еще что-то про кашу говоришь?))
Я надеюсь, автор заработает на своих курсах очень много) я уже прошла курс по HTML (он отличный!), также и CSS сейчас очень нравится как все показано\рассказано :)
text-decoration-color бесполезное свойство, цвет подчеркивания можно указать сразу после text-decoration. Например мы хотим чтобы было золотое нижнее подчеркивание, мы должны прописать: text-decoration: gold underline;
Постепенно все понимаю. Иногда засиживаюсь час в программировании, частенько из-за проблем с местонахождениями файлов (это отнимает довольно много времени). А так, все в удовольствие, Джаву тоже изучаю уже 3 месяца, наконец идет его общее восприятие, когда мне понятна логика каждой строки, но пока о собственных Джава программах речи не идет, да и нужно многое здесь улаживать с графикой (вот здесь мало у меня знаний), а это отдельная история. А без нормальной графики никуда не уйдешь.
У меня в main.css, не работают команды color, cursor, text-decoration. Всё делаю как в уроке, но АТОМ как будто не видит, или ему вообще по барабану на эти команды, хотя путь я также ему дал! Что мне делать?🤷♂🤦♂😩
цілий день розбирав урок. Доречі, якщо зробири HTML and CSS поряд в одному вікні, то краще було б дивитися. А то приходиться ставити на паузу кожні 3 секунди, коли ви переключаєтеся на вкладки ці.
Кастомный курсор не добавляется, уже все перепробовал, и слеши менял, и название файла, и его формат, и черт знает что ещё. Только тот тип курсора, который через запятую после него прописывается загружается! Даже сам текст URL серый, как будто прога с таким вообще не знакома. Вообще не врубаюсь почему у других работает, символ в символ все перепечатываю и нифига....
СПАСИБО ЗА СОВЕТ!) УЖЕ ПРОБОВАЛ, НА ПРАКТИКЕ ГАРАЗДО ЛЕГЧЕ, КОГДА ЕСТЬ КАКОЕ ТО ПОНИМАНИЕ, СЕЙЧАС ПРОШЕЛ УРОКИ ДЖС ХОЧУ ВЕРСТКИ НАЙТИ С ДЖС @@mag_nitik
Проблемы с курсором, почему нельзя сделать так чтобы курсор был как на url , .main-link:hover { cursor: url(""); } Код чет не работает когда вставляешь ссылку в url(Никакая картинка не появляется)
пропишы запасной после скобок через кому. .main-link:hover { cursor: url(""),pointer; } если включается запасной,то проблема или в ссылке или иконка не подходит форматом,размером
Простите, у меня есть 2 вопроса, 1.А если я написал текст допустим и через text-decoration ввел underline но я хочу чтоби ета линия била не прям над текстом а чуть дальше текста, как мне ето сделать? И если я хочу чтоби над тектом и под текстом била линия как у силлки, как мне ето сделать?
Если учите прям с полного нуля, то есть отличная книга у Эрика Фримена про изучении CSS и HTML где можно научиться создавать простенькие сайты на конкретных примерах и заданиях, а не просто заучивая различные теги просматривая видосы и так далее. И мой вам совет, не поленитесь и ознакомьтесь с ней. У вас будет более структурированное понимание о том что происходит и для чего что-либо нужно.
@@the_doriyush Там вся книга основана на примерах, включая задания, она по сути не просто из теории, но и из практики состоит. Все материалы качаются с сайта писателя. Все также с иллюстрациями.
Вопрос такого характера, если мы устанавливаем для тега p (класса .main_link )первого на странице через first-of-type стиль line-through, а потом пишем .main_link{text-decoration: none} то первый абзац все равно зачеркнут, хотя по логике мы же после установили для всех .main_link стиль не зачеркнутого текста, т.е. у first-of-type приоритет выше?
ВОПРОС. Пожалуйста помогите разобраться. У меня в index.html: Simple
В main.css: .text:not(empty)::after { content: ' 123'; color:red} В браузере отображается: Simple123 123 Почему после пустого class="text" подставились "123"??
подскажите ввожу заглушку lorem в атоме а она у меня появляется одной длинноооой строкой. также часто и с ссылками. как сделать стоб оно писало длину строк по размеру окна?
и они не срабатывают у меня я все проверил все точно как у тебя, но все равно связка с CSS файлом не идет. Google chrome последняя версия до этого все открыл. Можешь подсказать в чем проблема. Заранее спасибо и спасибо за видео)
Фронтенд - крутое начало для нас, новичков. Мне лично в средах разработки джавы было понятнее, что куда девать (файлы, т.д) а тут, код легкий, а со стороны файлов иногда может начаться бардак. Видимо, тут легко от того, что от кода до его примера работы (вот эта строка делает именно вот это, и ты это видишь - все понятно) самое малое расстояние. А в Джаве нужны графические дизайны, к ним с помощью разных классов нужно подключать функционал, а уже затем этот набор функций нужно правильно реализовывать, чтобы ничего не сломалось в программе, и чтобы пользователь точно видел и понимал, что происходит, и программист(-ка) тоже. Ну и код должен быть экономным, если это что-то большое, иначе может зависать, а тут проблема может быть со связью со стороны серверов, вообще, интернет соединения. Но тут все равно нужны базы данных, знания в них, чтобы круто сделать сайт, и добавь бэкенд с необычным функционалом - и веб мастер готов.
если у кого-то проблемы на 10:00 , то там visited должен стоять перед псевдоклассом hover, а тот в свою очередь перед active. + если вы использовали ссылку из локальных файлов( фотка,) то она автоматом будет гореть как посещённая, поэтому попробуйте с обычной ссылкой на сайт( на неё наложиться visited только после открытия, а потом т.к в истории браузера вы посещали эту ссылку, то будет определяться как visited)
Так же добавлю (у меня только так получилось): Если хотите добавить фон в visited, то нужно сначала добавить любой фон к самой ссылке, например белый, чтоб фон поменялся в visited..
7:28 Можете пожалуйста подсказать (если знаете), почему у меня не получается сделать курсор в кач-ве картинки (я делал так же как и на видео)
замечательные уроки, всё по делу, ничего лишнего, автор хорошо рассказывает, но! - при переключении с редактора на страницу браузера кадр цветом(светом) резко меняется и при просмотре в вечернее время зрачки очень сильно утомляются от такой смены обстановки
25:10 Друзья, важное уточнение: при p:first-of-type {text-decoration: line-through} зачеркнут на странице будет и первый объект , и также каждый первый объект в каждом . Таким образом - если у вас на странице просто пять абзацей , а также три блока с неким количеством абзацей внутри, то зачеркнуты будут первый из пяти отдельных абзацей и каждый первый абзац в каждом из трех блоков . C last-of-type то же самое по аналогии. Спасибо!
Ничего не понял но продвигаю
Почему не вылезает подсказка про first -of-type???
Спасибо! Как раз появился вопрос по этому поводу
И чтобы выделить лишь один р уже придется использовать классы или идентификаторы? Или есть еще псевдоэлементы?
спасибо
спасибо за урока😊
Всё ясно и четко
спасибо за видео
Вот запутал )
разбирал урок 3 дня))) ставил неправильные одинаковые ковычки, не мог понять что не так целый день)))
Зато ка приятно потом найти ошибку 😌
Классно
Я этот урок пересматриваю только из за лайн сру))
Это капец. Насколько плохо что я ничего не понял?
Тоже
Ну не знаю, на мой взгляд все понятно, но выучить всё сразу очень сложно, на опыте запомнится.
как одинарные кавычки ставить для псевдоэлементов??
э(при англ.клав)
ВАРТАНДЕР
9:46
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ
ПОЧЕМУ У МЕНЯ НЕ РАБОТАЕТ div:hover {
Background-color: blue
}
ПОЧЕМУ?!?! МЕНЯ ТАК БЕСИТ. ЭТО edge ТАК ПЛОХО РАБОТАЕТ ИЛИ Я ГОВНОКОДЕР И ЧТО ТО НЕ ТАК СДЕЛАЛ?
Может вы забыли подключить CSS-файл. Я проверил, сначала не получилось, потом заметил, что файл CSS не подключен. Потом всё сработало. Если что, вот код.
HTML:
Какой-то текст
CSS:
div {
background-color: red;
}
div:hover {
background-color: blue;
}
P.S. Наверное, важно, чтобы CSS- код был подключен внутри тега "head".
P.P.S Если и так не сработает, то не пишите в CSS-коде ничего и подключите JS-код, в котором напишите следующее:
$('div').css('background-color','red').hover(
function(){
$(this).css('background-color','blue');
},
function(){
$(this).css('background-color','red');
});
Твой курс самый информативный и понятный. Спасибо что стараешься ради нас)
самый сложный урок, пока...
Спасибо большое! учимся)
Мне чуть-чуть не хватило общей информации: что такое псевдоклассы и псевдоэлементы, чем они отличаются и каких видов бывают. чтоб понять структуру в целом. а потом - уже детали кода.
ну, это мое личное - я так соображаю "от общего к частному")
погуглила, разобралась, посмотрела видео на второй раз)
У меня уже каша в голове...Как можно столько помнить и миксовать......
Каши в голове стало меньше?
Нужно ещё каждый раз повторять код, набирать его несколько раз, пытаться создать что-то на странице. Практика помогает запоминать. Плюс ещё можно от руки записать, вытаскивая инфу из головы, без подглядывания. Так ещё быстрей запомнится, помимо классического конспектирования.
В итоге своих изучений я знаю C# C C++ JQuery Python Java Ruby Swift Golang Kotlin Django C-objective, JS, PHP, SQL...
Ты еще что-то про кашу говоришь?))
@@МагомедМагомедханов-г2о зачем?
@@interface5900 затем
@@МагомедМагомедханов-г2о зачем столько разных языков? Ты наверное хотел сказать знаешь максимум их основы?
Это конечно не программирование. Для меня больше похоже на рисование.
Ну да. Это же язык стилей, а не программирования.
Я надеюсь, автор заработает на своих курсах очень много) я уже прошла курс по HTML (он отличный!), также и CSS сейчас очень нравится как все показано\рассказано :)
Приятно слышать! :)
Какие успехи спустя год?
7:27 Никак не получается установить курсор в качестве какой-либо картинки( не нашла, как иначе сделать, но как в видео у меня пока не срабатывает.
У меня тоже не получается
есть об этом информация на сайте посвящённом этому а именно на HTML book
text-decoration-color бесполезное свойство, цвет подчеркивания можно указать сразу после text-decoration. Например мы хотим чтобы было золотое нижнее подчеркивание, мы должны прописать: text-decoration: gold underline;
Офигенно подана инфа, я весь день слушаю и не устал, начал с нтмл и вот css продолжаю)
Постепенно все понимаю. Иногда засиживаюсь час в программировании, частенько из-за проблем с местонахождениями файлов (это отнимает довольно много времени). А так, все в удовольствие, Джаву тоже изучаю уже 3 месяца, наконец идет его общее восприятие, когда мне понятна логика каждой строки, но пока о собственных Джава программах речи не идет, да и нужно многое здесь улаживать с графикой (вот здесь мало у меня знаний), а это отдельная история. А без нормальной графики никуда не уйдешь.
Хотя, час, это очень мягко сказано. Я теряю из виду время на совсем, иногда)
Как успехи сейчас?)
У меня в main.css, не работают команды color, cursor, text-decoration. Всё делаю как в уроке, но АТОМ как будто не видит, или ему вообще по барабану на эти команды, хотя путь я также ему дал! Что мне делать?🤷♂🤦♂😩
Я тоже не могу понять в чем дело
Проверь или после каждого свойства ты проставил точку с запятой. Тоже была такая проблема, но потом заметила, что просто забыла проставить)
цілий день розбирав урок. Доречі, якщо зробири HTML and CSS поряд в одному вікні, то краще було б дивитися. А то приходиться ставити на паузу кожні 3 секунди, коли ви переключаєтеся на вкладки ці.
Спасибо за эти прекрасные уроки!
15:25 у которых есть п.класс, а не просто .класс, заговорился?
Хороший урок. Очень информативно!
ТЫ ЗАБЫЛ ДОБАВИТЬ ВИДЕО ПРО CSS В ПЛЕЙЛИСТ!
Кастомный курсор не добавляется, уже все перепробовал, и слеши менял, и название файла, и его формат, и черт знает что ещё. Только тот тип курсора, который через запятую после него прописывается загружается! Даже сам текст URL серый, как будто прога с таким вообще не знакома. Вообще не врубаюсь почему у других работает, символ в символ все перепечатываю и нифига....
Браузер смени. Возможно твой просто не поддерживает это
спасибо за урок) к концу занятия голова кругом, тяжеловато. ну ничего, идем дальше!)
A huuuuuge THANK U for your lessons, it's sooooooo easy to understand your explanations! i've learnt lots of things from your videos
А какой смысл обращаться к пустым абзацам? Или это сделали просто, чтобы было?
Не совсем понятно в каких случаях пригодится псевдоэлемент ::befor & ::after
у меня на школьном сайте для тестов похожая шняга, чтобы нельзя было скопировать вопрос чтобы загуглить. кстати очень бесит
ооо неужели у гугл хрома что то не идеально срабатывает ,ты меня радуешь
еще чуть чуть и перейдешь на эдж)))))
Подскажите пожалуйста, не потеряли ли ролики свою актуальность?
нет
Ребята стоит изучать этот курс в 2024?)
может как самую такую базу - стоит, но есть гораздо лучше, но если хочешь - смотри
у меня проблема. Когда я пишу main_link у меня ошибка в css
У меня сразу ссылка становиться цветом visited, как будто эту ссылку уже нажали. И как это исправить я нигде не нашел.
Очень хороший курс, через год скажу как я , что я. Только напомните
"Часточка"
А что делать если к focus я хочу например при навидении сделать текст жирным что мне надо делать?
это кабздец... почему у меня каша в голове? в уроках про python и html было гораздо понятнее
C input цвет не сработал, вот так правильно input[type="text"]:focus{color: red;}
input[type="text"]{color: blue;}
на 20 минуте потерял связь)!
у меня text-decoration не получилось хотя у меня гугл
Спасибо. Большой урок - то, что нужно!
все пересмотрел, спасибо за материал и что делитесь им
порсле каждого курса я не волновался как говорил автор и смотрел следующие. сейчас я нихрена не понял но и не волнуюсь)
А теперь найдите хороший видеоурок с практикой верстки, например простенького лендинга. Станет понятнее)
СПАСИБО ЗА СОВЕТ!) УЖЕ ПРОБОВАЛ, НА ПРАКТИКЕ ГАРАЗДО ЛЕГЧЕ, КОГДА ЕСТЬ КАКОЕ ТО ПОНИМАНИЕ, СЕЙЧАС ПРОШЕЛ УРОКИ ДЖС ХОЧУ ВЕРСТКИ НАЙТИ С ДЖС @@mag_nitik
Проблемы с курсором, почему нельзя сделать так чтобы курсор был как на url ,
.main-link:hover {
cursor: url("");
}
Код чет не работает когда вставляешь ссылку в url(Никакая картинка не появляется)
пропишы запасной после скобок через кому.
.main-link:hover {
cursor: url(""),pointer;
}
если включается запасной,то проблема или в ссылке или иконка не подходит форматом,размером
Я смотрю только тебя .ТК ты единственный кто можешь нормально обьеснить для новичков
line-through лайн сру)
А что делать если ссылка сразу серой становтся?
first-of-type и last-of-type почему без двух двоеточий? они не являются псевдоэлементами?
Да, они псевдоклассы, а не псевдоэлементы
Простите, у меня есть 2 вопроса, 1.А если я написал текст допустим и через text-decoration ввел underline но я хочу чтоби ета линия била не прям над текстом а чуть дальше текста, как мне ето сделать? И если я хочу чтоби над тектом и под текстом била линия как у силлки, как мне ето сделать?
Эх еще желательно джава скрипт учить я уже выучил основы языков html,java,python,css(мало изучено)
p:first-of-type будет менять значения первой "p" находящейся в боди и первой "p" находящейся в блоке(теге) "div" к примеру.
1 недочёт заметила при работе в Visual Studio Code если текст написан на русском а в файле указан английский, то ссыкла не будет выводиться
Если учите прям с полного нуля, то есть отличная книга у Эрика Фримена про изучении CSS и HTML где можно научиться создавать простенькие сайты на конкретных примерах и заданиях, а не просто заучивая различные теги просматривая видосы и так далее. И мой вам совет, не поленитесь и ознакомьтесь с ней. У вас будет более структурированное понимание о том что происходит и для чего что-либо нужно.
Не знаю, книги читать довольно муторно, а здесь с примерами более менее ясно!
@@the_doriyush Там вся книга основана на примерах, включая задания, она по сути не просто из теории, но и из практики состоит. Все материалы качаются с сайта писателя. Все также с иллюстрациями.
Мозг взрывается
Топ
Спасибо.
Вторая половина 2023-го теперь, overline тоже работает отлично (Chrome, Win 11)
Текст декорейшн с визитед сработал,текст перечёреивался.Просто это было очень быстро и автор не заметил)
Добрый день!У меня почему то,сразу после обновления страницы ссылка становилась серой!?
Видео, по всему, для новичков. Зачем так лететь? Информация интересная, но очень быстро.
"Часточка" 123 не появилась к пустому абзацу, ни до, ни после не появилась.
Вопрос такого характера, если мы устанавливаем для тега p (класса .main_link )первого на странице через first-of-type стиль line-through, а потом пишем .main_link{text-decoration: none} то первый абзац все равно зачеркнут, хотя по логике мы же после установили для всех .main_link стиль не зачеркнутого текста, т.е. у first-of-type приоритет выше?
у меня не сработал код на выделение первого символа(( кто-то сталкивался с таким?
Спасибо!
visited сразу отмечает ссылку как просмотреную как это исправить?
ВОПРОС. Пожалуйста помогите разобраться. У меня в index.html:
Simple
В main.css:
.text:not(empty)::after {
content: ' 123';
color:red}
В браузере отображается:
Simple123
123
Почему после пустого class="text" подставились "123"??
перед empty надо поставит двоеточие
☦❤❤💕🙏☦
14:14
в версии 1,60,0
Спасибо бро!
подскажите ввожу заглушку lorem в атоме а она у меня появляется одной длинноооой строкой. также часто и с ссылками. как сделать стоб оно писало длину строк по размеру окна?
одновременно alt Z
я понял что я тупой, спасибо автор
пон
На их курсах все более легче объясняется и доходчиво?
все понятно и разборчива, спасибо!
это прямо javascript какой-то получается)
Тяжко
Я один подумал, что тут про кс соурс видос?
Спасибо за такой понятный, информативный и полезный курс который был полезен мне )
Я думал будет обучалка по кс сурс
а псевдоэлемент можно добавлять к input?
Some lession
Подскажите пожалуйста,а как изменить цвет точек(квадратов) те что перед текстом появляются в не пронумированном списке?
@@D3agle_LTD спасибо попробую как будет возможность
у меня проблема я пишу на sublime text 3 и не работают псевдоклассы что делать
такая же ситуация
дело в том что под них не настроены цветовые изменения и они остаются просто белыми но свои функции они выполняют
цвет можно изменить в настройках
noiiiiiice
Top
У меня почему то селектор id не работает
id в css пишется через #
круто.
и они не срабатывают у меня я все проверил все точно как у тебя, но все равно связка с CSS файлом не идет. Google chrome последняя версия до этого все открыл. Можешь подсказать в чем проблема. Заранее спасибо и спасибо за видео)
👍
Супер урок. Благодарю.
спасибо за эти уроки, они вдохновляют меня войти в мир IT
Фронтенд - крутое начало для нас, новичков. Мне лично в средах разработки джавы было понятнее, что куда девать (файлы, т.д) а тут, код легкий, а со стороны файлов иногда может начаться бардак. Видимо, тут легко от того, что от кода до его примера работы (вот эта строка делает именно вот это, и ты это видишь - все понятно) самое малое расстояние.
А в Джаве нужны графические дизайны, к ним с помощью разных классов нужно подключать функционал, а уже затем этот набор функций нужно правильно реализовывать, чтобы ничего не сломалось в программе, и чтобы пользователь точно видел и понимал, что происходит, и программист(-ка) тоже. Ну и код должен быть экономным, если это что-то большое, иначе может зависать, а тут проблема может быть со связью со стороны серверов, вообще, интернет соединения. Но тут все равно нужны базы данных, знания в них, чтобы круто сделать сайт, и добавь бэкенд с необычным функционалом - и веб мастер готов.
Ну что, вошел?
вошел в мир IT?