CSS Background и CSS Color, Цвет текста и цвет фона на языке CSS, Видео курс по CSS, Урок 6
ฝัง
- เผยแพร่เมื่อ 23 มี.ค. 2018
- CSS Background и CSS Color, Цвет текста и цвет фона на языке CSS, Видео курс по CSS, Урок 6. В этом видео я расскажу вам про то как изменить цвет текста и цвет фона на CSS. Свойства background и color помогут нам при работе с цветом и фоном. Так же я покажу как поставить фоновое изображение на сайт на примере CSS.
Эксклюзив на Boosty - boosty.to/itdoctor
Telegram канал - t.me/itdoctor_official
Курсы на Stepik - stepik.org/users/387773773/teach
Донаты:
1. ЮMoney - sobe.ru/na/itdoctor
2. VISA - 4274 3200 3233 1582
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/id/5f994406f3d1...
Rutube - rutube.ru/channel/23500045/
✔Советую посмотреть:
Материал к уроку: yadi.sk/d/gYtSSwtB3Ti5Xn
Все про палитру RGB и цвета: • #50 RGB Цвета, Палитра...
Плагин для работы с цветом 1: • #23 Плагин Color Hints...
Плагин для работы с цветом 2: • #24 Плагин Color Palet...
◄ Предыдущее видео: • Медиа запросы в языке ...
► Следующее видео: • Границы в css, Свойств...
Супер курс по языку JavaScript: stepik.org/z/113653
Отличный урок, спасибо!
Спасибо!
Отличный урок, спасибо за труд!
дай бог вам здоровья
как мне помогают такие люди на ютубе
потому что у нас В шараге *ничего НЕ объясняют и требуют сполна
многократное спасибо ,товарищ!
Отредактировал**
Спасибо. Рад что помог. Но можно было без капса и мата обойтись конечно.
@@ITDoctor благодаря таким как вы мы и получаем дипломы с хорошими знаниями,спасибо вам!
Информативно , доходчиво .
Спасибо
Спасибо за канал. Подскажите, можно ли через CSS реализовать такой селектор, мне нужно для параграфов, обладающих определенным цветом (уже имеющимся) организовать дополнительный отступ. Или это только через js можно сделать? Т.е. проблема в том, что не знаю как в CSS найти тэги , классы и т.д. с определенным набором значений и сделать фильтр по ним.
можно просто добавить всем необходимым параграфам новый класс через пробел и в стилях указать всё что требуется. Например: любой текст
.newClass {
пишем здесь любые стили.
}
а класс .newClass добавляем через пробел всем необходимым параграфам
@@ITDoctor Спасибо. Понятно, что так можно. Но у меня таких параграфов гигантское количество. Вручную проставлять им новый класс это уже крайний случай и дохрена времени. Цвет- это единственное, что отличает эти параграфы от остальных. Вот и хотелось найти способ отделить эти параметры от других не прибегая к ручной правке, а с помощью селекторов.
@@user-fs1ux7dy6r вот по быстрому накидал небольшой jquery скрипт, может быть есть и другое решение, но это первое что пришло в голову: codepen.io/anon/pen/YBeONw
через css можно только в том случае если у вас стили в html прописаны например вот так: text
В CSS так:
p[style*=red] {
любые стили можно писать.
}
Но скорей всего у вас не так цвет задается поэтому обычным CSS не получится обойтись.
@@ITDoctor , да у меня стили конечно не через HTML задаются. А SASS никаких возможностей на этот счет не предоставляет?
Как сделать фон по бокам, как например в инстаграм?
Не получается :
html:
css:
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
}
#container {
width: 10empx;
height: 10em;
margin: 0 auto;
}
#leftbg {
position: fixed;
width: 10em;
height: 100em;
background: transparent url(../img/rC.jpg) repeat;
}
#rightbg {
position: fixed;
margin-left: 80em;
width: 10em;
height: 100em;
background: transparent url(../img/rC2.jpg) repeat;
background-repeat: repeat-x;
}
Repeat-x не включается по двум картинкам в одном графике.
Вот так не стоит делать: prntscr.com/llgjfw
А какой вы результат хотите получить?, по блокам как в инстаграм не совсем понятно..
Возможно вот так:
body {
background-color: #999;
}
.container {
max-width: 960px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
}
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officia temporibus fuga eaque ullam mollitia repellendus blanditiis ipsa cupiditate nobis qui est enim, debitis earum laboriosam. Impedit iusto enim debitis officiis accusantium nulla voluptate maxime. Neque vitae ullam at odio consectetur nisi ratione? Laudantium consectetur deleniti voluptatibus voluptate error incidunt dolorum?
Фон по бокам, например вот так ibb.co/kBjYXA.
Т.е. как работать с двумя бэкграундами(картинками) на одной оси?
Только один могу вытянуть по Х, а второй уже не тянеться.
В итоге так и сделал, но хотел по другому :) Хотел научиться работать с несколькими загруженными картинками на сайт, а не с одним фоном.
@@cotmax только если как то так: (потому что html и css это не photoshop, здесь свои правила)
body {
justify-content: center;
display: flex;
}
.left {
background-color: green;/*фон для левой стороны*/
height: 100vh;
}
.right {
background-color: red;/*фон для правой стороны*/
}
.center {
background-color: gray;
width: 960px;
}
Левая сторона
Центр
Правая сторона
Урок 6 плохо подготовлен с наглядностью, лень матушка!?
Спасибо!