Я хочу больше такую, общую фразу. Не завязанную на мне или ком то из ближних. Будто эту картинку я нашел в нете и пацана этого вообще не знаю.
]]>В твоих уроках идут классы - в HTML
class="name_class"и в CSS
.name_class. После того, как я занялся уроками плотно, я стал просматривать структуру интересных мне (с точки зрения оформления) сайтов, и заметил, что некоторые сайты используют классы
class="name_class"и
.name_class, некоторые идентификаторы
id="name_class"и
#name_class, а некоторые и дикий винегрет из обоих вариантов.
Суть вопроса:
Какая разница между классами и идентификаторами? В чем их преимущества и слабости?
]]>ВО! Отлично!
]]>Я использую RAR по нескольким причинам:
1. Больше функционал
2. Лучше сжимает (основная причина)
3. Надежнее
Это то, что пришло ко мне с опытом. Раньше я использовал и то и то. Потому как зипы были популярнее и не надо было ставить лишний софт. Но сейчас рары стали популярнее. Поэтому у него все основные плюсы.
]]>Разница следующая. Индентификаторы и классы:
1. Идентификаторы должны быть уникальны, то есть использоваться ТОЛЬКО один раз в HTML коде страницы. Классы можно использовать сколько угодно раз на странице.
2. Идентификаторы используются вместе с JavaScript (так как для него нужны именно уникальные переменные в некоторых случаях)
3. Еще идентификаторы используются для задания якорей (потому как они тоже должны быть уникальны)!!! А раньше они задавались через атрибут name у ссылки.
4. Идентификатор имеет более высокий приоритет чем класс. То есть если мы пропишем для одного и того же блока в идентификаторе зеленый цвет для текста, а в классе красный цвет - цвет будет зеленым.
Вот собственно и все основные отличия.
Однако если мы будем нарушать правила и использовать идентификатор несколько раз на странице - браузер все поймет и будет обрабатывать код нормально.
Но это уже будет не правильный код и по моему не валидный.
Поэтому при написании кода помните эти простые истины и ваш код на сайте будет намного аккуратнее.
]]>Если мой div будет использовать подключаемые скрипты java, то ему надо задавать "id". Если же div обрабатывается только CSS, то достаточно класса?
]]>Java разработан компанией Sun (ныне принадлежит Oracle).
JavaScript разработан Бренданом Айком (Netscape Navigator).
По сути это два разных языка программирования
]]>NetBeans - никогда не использовал.
юзать в верстке и дальнейших веб-разработках
Здесь с разгона не ответишь - подумать надо. Вопрос не так прост как кажется.
]]>https://disk.yandex.ua/?auth&source=main-nonlogin
]]>Зачем вы выкладываете эти видеокурсы? (я не спорю, курсы хорошие, полезные, мне в том числе)
Почему вы тратите время в пустую на эти уроки, без выгоды для вас?
..если вы можете "работать" в этой сфере, приэтом зарабатывать, нежели записывать эти курсы без малейшей выгоды для вас, только минус - трата времени.
]]>Это подпись к фото....)))))
Сергей! а мне лучше не показывать Ваши уроки... Теперь не сплю по ночам, грызу гранит азов CSS. Ибо сие есть для меня настолько новое и ( до Ваших уроков НЕДОСТУПНОЕ!!!) очень ЖЕЛАЕМОЕ! Я вообще-то алюминиевый чайник в этом деле, но однажды наткнулся на WysiWyg и поверил, что тоже могу делать нечто, похожее на сайт. На уровне дилетанта нечто и получалось... даже опубликовал, и таким же дилетантам как и сам это НЕЧТО нравилось... Но чем больше я увлекался этим визивигом, тем больше понимал, что без знания CSS выше чайника не прыгнешь! В моем возрасте веры в то, что я смогу разобраться в этом деле не было ... и вдруг Ваши уроки!!!
Теперь вот вижу свет в конце тоннеля и очень надеюсь на результат!
Первые три дня обучения прошел на одном дыхании, правда пока как мартышка щелкаю на незнакомые термины в надежде что со временем ( а его у меня предостаточно... ) завеса тайны падет и с них... с Вашей помощью!
Еще раз благодарю за НАУКУ!
С уважением, Сергей.
]]>У меня возникли пару вопросов:
1) Правильно я понимаю, что вместо картинок лучше использовать код (когда это возможно), как в примере с картинкой headline.png, которую заменили кодом?
2) Имеет ли значение наличие/отсутствие пробела перед фигурными скобками? Например:
div.menu ul{margin:...;} div.menu ul li {display:...;}
или как здесь
div.footer span {margin: 0 20px;} div.clear{clear: both;}
Спасибо за уроки!
]]>2. Имеет только в плане оптимизации файла стилей. Весит немного меньше, а так - по барабану.
]]>...Хорошо быть с зУбками,
ровными, не лопатою...
Как хочу - посвИстаю, где хочу - поАкаю...
]]>Я, к примеру, в свое время учил немецкий язык, а не английский.
Поэтому на "чужом" языке речь на слух не воспринимаю. Приходится просто запоминать написание тегов визуально...
Так вот: есть ли смысл, во-первых, составить для себя некий словарь из этих тегов с описанием их значения?
А второй вопрос возникает из первого: Может, стоит перенести на отдельные карточки и более крупные элементы из таких тегов, для составления "шапок", заголовков, обрамления статей и прочего? И использовать их как "кирпичи" для построения общего дома-сайта?
Эти вопросы риторическими являются лишь отчасти, - мне интересно для себя выяснить, насколько эффективной может быть подобная методика для более быстрого самообучения. Или лучше сразу все делать собственными ручками?
Кстати, платформа CSS как раз и нацелена на блочное построение сайтов: взял фото и залил через ридер, так же вставил готовый блок текста.
]]>Серега, отличные уроки, просматривал много курсов по HTML и CSS, но всегда чего-то не хватало или было не досказанно, у тебя все доходчиво и ясно, рад что нашел твои уроки ;)
Извиняюсь если есть ошибки и Спасибо за уроки
]]>В скором будущем CSS уже будет не только блочной, но и FLEX вёрсткой.
]]>C праздничками!!!
Вчера за вечер освоил 4 урока ))) СПАСИБО !!! курс здоровский !!!
у меня не получается background: linear-gradient - ну не отображается с браузере и все тут !!!
windows 10 x 64
Главная
Тренинг
Шаблоны
Контакты
Стань профессиональным верстальщиком всего за 2 месяца и зарабатывай по 30 000 рублей!
<p> Смотрите здесь!</p>
CSS
div.afisha {
padding: 20px 50px 0 50px;
margin-top: 20px;
background: linear-gradient(
90deg,
#c16a8a 100px,
#a367ba 100px, #a367ba 200px,
#2b798f 200px, #2b798f 300px,
#76a7ac 300px, #76a7ac 400px,
#93ae65 400px, #93ae65 500px,
#dbb16f 500px,);
background-color: #f2f2f2;
background-size: 600px 10px;
}
]]>А покупать кота в мешке.... сами знаете...
]]>По вопросу скачивания:пришлось лечить файл.
По поводу занятий: Не успеваю проходить, скачиваю авансом. Уже супер-мега в 6-м занятии, а я застрял у истоков.Проблема в 10-м винде, не могу подобраться к созданию файла HTML. Также проблемы личного характера (смена работы,+ у друга несчастье). Завтра подойду к товарищу, он волокет в компах, попробуем сделать или 7 или XP. Оттуда можно проще подобраться к HTML.
]]>Извиняюсь)
]]>Я тоже извиняюсь, не подумал об этом!
Тогда помогите решить одну проблему.
Урок №40.
Решил по вашему примеру сделать флаг России! Вроде все нормально, но в браузере Сафари при 100% размере в место белого цвета появляется черный. Смена размера, так же меняет цвет. В остальных только при смене размера. Как сделать так что бы цвет не менялся. Да и еще, float - нужен в этом случае!
Спасибо!
.rus {
width: 31px;
height: 24px;
float: left;
margin: 50px;
border: #999 solid .5px;
background: -webkit-linear-gradient(#fff 8px, #00247d 8px, #00247d 16px, #cf142b 16px, #cf142b 24px);
background: -mz-linear-gradient(#fff 8px, #00247d 8px, #00247d 16px, #cf142b 16px, #cf142b 24px);
background: -o-linear-gradient(#fff 8px, #00247d 8px, #00247d 16px, #cf142b 16px, #cf142b 24px);
background: linear-gradient(#fff 8px, #00247d 8px, #00247d 16px, #cf142b 16px, #cf142b 24px);
}
]]>И при увеличении - что значит? Имеешь ввиду масштабирование страницы средствами браузера?
FLOAT к градиентам вообще никаким боком не относится. Можно не использовать.
]]>background: -webkit-linear-gradient(#fff 0px, #fff 8px, #00247d 8px, #00247d 16px, #cf142b 16px, #cf142b 24px);
Правда на форуме ребята сказали, что все размеры в коде заданы статически, поэтому когда изменяешь размер блока фон не влазит. По этому не знаю что и думать, что правильней?
]]>А вообще - при таком масштабировании никто не проверяет. Так как браузеры каждый по своему обрабатывает этот процесс.
]]>Не по зубам мне Ваши орешки.
Зуб даю!
Всё впереди!
Не ешьте таблетки!
]]>.fon{
background: #fff;
border: 1px solid #ccc;
border-top: none;
padding: 40px;
}
.block{
width: 440px;
}
.anons {
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px;
padding: 20px;
}
]]>А насчет подписи для фотографии, незнаю к сожалению!
#Denis_Zhelakovich
]]>