<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Поиск: Background

Что искали: Background

Всего найдено: 444 записей

... изображений на css3. html у нас снова такой же <html> <head>   <title>multibackgrounds</title>   <meta charset="utf-8"> <body>   <div class="block"></div> </body> ...
... пройти мимо замечательного свойства css background-image, мы никак не можем. а что оно делает? это свойство css background-image вставляет картинку в качестве ...
...                 <div class="work-card__background">                     <ul class="vacancies-list"> ...
... выравнивание*/     min-height: 100vh;/*на всю высоту экрана*/     background: #111;/*цвет фона*/ } .container{     position: relative;/*относительное ...
...       <div class="title" style="background: #ff8c00;"><span>html</span></div>       <div class="skill-bar" style="background: #ff8c00;"></div>       ...
... картинки средствами html, через тег img. вспоминаем, что у css есть свойство background-image. соответственно, сначала создадим саму секцию-портфолио с вложенными ...
...     min-height: 100vh; / * на минимальную высоту экрана * /     background: #000; / * цвет фона * / } шаг 3) стилизация кнопки задаем кнопке ...
... <style> div {   width: 150px;   height: 150px; } #div1 {   background: #f00; } </style> <div id="div1"></div> <div id="div2" style="background: #0f0"></div> теперь попытаемся вывести ...
...     background: #333; } .container{     position: relative;/*относительное позиционирование*/     padding: 40px 30px 30px;/*поля*/     background: #333; ...
... подходящий под цветовую гамму страницы. ::-webkit-scrollbar-track {     background: #f5cdcd; /* цвет фона у дорожки */     box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset; ...
... фон. в файл style.css добавляем строку: background: url('your_image.jpg') no-repeat; управляет размерами картинки селектор background-size. вставляем картинку целиком ...
...     height: 40px; / * высота крестика * /     background: #f3f3f3 url(close.png); / * картинка * /     background-repeat: no-repeat; / * неповторяющийся фон * /     background-position: ...
...     border: var(--border);     background: green; } /*     заголовок  */ .dashboard-header {     background: #000;     color: #fff; ...
... страницы требуется несколько дополнительных касаний:  code,   pre {    background: #eee;   }  code{    padding: 2px 4px;    vertical-align: text-bottom;  }  pre{ ...
...   font-family: 'montseratt', sans-serif; } .app {   background-image: url('./assets/cold-bg.jpg');   background-size: cover;   background-position: bottom;   transition: 0.4 ease; ...
...     min-height: 100vh;     background: #1b1b1d; } #form{     position: relative;     border: 2px solid #131313;     background: #242424;     background: ...
... 40px;   background: #999;   border-radius: 5px;   box-shadow: 0 8px 15px rgba(0,0,0,.6); } итак, у нас есть блок. теперь будем рассматривать градиенты. задаются они в background. ...
... effect</div> .button {     color: #fff;     background-color: #834b7c;     transition-property: background-color, color;     transition-duration: 1s, 0.5s;     transition-delay: ...
...    position: relative;    transform-style: preserve-3d; } body {    background-color: #000;    min-height: 100vh;    display: flex;    justify-content: center; ...
... цвет фона в сss цвет фона задается в виде шестнадцатеричного кода. background: #f5b2c3; как сделать картинку фоном в веб-дизайне существует ...
...     width: 100%;     height: 100vh;     overflow: hidden;     background: repeating-linear-gradient(         0deg,         #b3e5fc ...
...     align-items: center;/*в центре по вертикали*/     min-height: 100vh;     background: #e1bee7;/*цвет фона*/ } .search{     position: relative;     width: ...
...         body {             background: #f2f2f2;         }         .container { ...
... под анимацию и растянем ее на весь экран. <section>     <h2>background animation</h2> </section> *{     margin: 0;     padding: 0; ...
... не двигалась. p {     ...     background: url(face.png);/*вставить как фон*/     background-position: center;/*позиция картинки*/     background-attachment: ...
... center;/*вертикальное позиционирование*/     min-height: 100vh;     background: #1e2b3b; } .container {     position: relative;/*относительное позиционирование*/ ...
... верхнего и нижнего края браузера. растянем фоновую картинку на весь блок background-img. поверх слоя с фоновым изображением нарисуем квадрат с рамкой ...
... <p>по названию</p> // css стили p {     color: white;     background-color: grey; } 3. селектор по названию атрибута в html существуют глобальные ...
... выравнивание*/     align-items: center;/*вертикальное выравнивание*/     background: #182357;/*цвет фона*/ } изобразим планету "земля". .earth{     position: ...
... .shadow-block .sh-top {   background: url("images/st.png") no-repeat; } /* верхний правый угол (левый угол уже имеется на полоске) */ .shadow-block .sh-rt {   background: url("images/rt.png") no-repeat; ...
... 50px;/*ширина лоадера*/     height: 50px;/*высота лоадера*/     background: #000;/*цвет лоадера*/     animation: rotate 1s linear infinite;/*свойства анимации ...
...     height: 100%;     border-radius: 80px;/*закругление углов*/     background: #fe0000;/*цвет чекбокса*/     transition: 0.5s;/*плавный переход состояния*/ ...
...     min-height: 100vh;/*растянуть на всю высоту экрана*/     background: #3c2846;/*общий фон*/ } .container{     display: flex;     justify-content: ...
... <title>показ случайного фона в javascript</title> <script> function randombackgroundimage() {          // массив картинок     let images    = ['images/image1.jpg', 'images/image1.jpg', 'images/image2.jpg', 'images/image3.jpg']; ...
... представляет пустой элемент, например <span></span> span:empty {     background: blue;     width: 30px;     height: 30px;     display: ...
...     display: flex;     justify-content: center;     align-items: center;     background: #607d8b;     min-height: 100vh; } .container{     position: relative;     top: ...
...     border-radius: 10px;/*скругление углов*/     transition: 0.5s;     background: #333; } hover-эффект для индикатора для каждого пункта меню ...
... секцию с длинным текстом. <div id="header"></div> <section>     <h2>background size change into small when scrolling</h2>     <p>здесь будет много текста, ...
... горизонтали*/     align-items: center;/*в центре по вертикали*/     background: radial-gradient(#777,#111);/*градиентный фон*/     min-height: 100vh;/*на всю ...
... содержимое файла styles.css: body{   background: #0d1521;   font-family: tahoma;   color: #989898; } #todo-table{   position: relative;   width: 95%;   background: #090d13;   margin: 0 auto;   padding: ...
...     width: 100%;     height: 100vh;     background: url(bg.jpg);/*вставка фоновой картинки*/     background-size: cover;/*заполняет всю секцию, сохраняя ...
...     padding: 0;     font-family: sans-serif;     background: url(bg_photo.jpg);     background-size: cover; } поля формы прибиты к верхнему ...
... псевдокласс :nth-child. .tab__box:nth-child(1) {     background-color: #3fc1c9; } .tab__box:nth-child(1):before {     background-color: #3fc1c9;     left: 0; } .tab__box:nth-child(2) ...
... class="shadow"></div> </body> </html> а теперь перейдем к css body {   background: #ccc;   margin: 0; } div {   background-color: #fff;   width: 400px;   height: 200px;   padding: 15px;   ...
... шрифтов */     line-height: 1.2; /* межстрочный интервал */     background-color: #e7e7f3; /* цвет фона страницы */ } css стили для классов header и filter ...
...     min-height: 100vh;     font-family: 'poppins', sans-serif;     background: #ef9a9a; } .container{     width: 1100px;     display: grid;     grid-template-columns: ...
... текущего положения. .block-yellow {   background-color: #ffe70f; } .block-relative {   position: relative;   top: 10px;   background-color: #ed5b77; } на картинке мы видим, ...
...     margin: 0;     padding: 0;     font-family: sans-serif;     background: #dcdcdc; } .checkbox{     position: absolute;     top: 50%;     left: ...
... margin: 20px;   background: #777; } вот, что мы имеем сейчас давайте скруглим углы блока на 10px .block {   width: 200px;   height: 200px;   margin: 20px;   background: #777; ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #1a237e;     color: #fff; } .container {     display: flex;     flex-wrap: ...
...     background: #ddf1ef; } .card{     position: relative;     width: 300px;     height: 400px;     margin: 20px 20px;     background: #fff; ...
... центрирование*/     min-height: 100vh;/*на всю высоту экрана*/     background: #f8f8f8;/*цвет фона*/ } .card {     position: relative;/*относительное позиционирование*/ ...
... которой будут располагаться все остальные элементы. section {     background: url(bg.jpg); } нам надо обеспечить, чтобы фон не нарушая пропорций ...
...     width: 100%;     height: 100vh;     background: url(bg2.jpg);/*фоновая картинка*/     background-size: cover;/*растянуть на весь экран сохраняя ...
...   top:0;   height: 125px;   width: 100%;   background: white; } main{   margin-top: 128px; } @supports (height: 100vh) {   body{    background: linear-gradient(to right top, #0089f2 50%, #ddd 50%); ...
... обтекание элемента одновременно с правого и левого края */ } .block_violet {   background-color: #5d257c; /* блок с фиолетовым фоном */ } .block_white {   width: 100%; /* растягивает ...
... альфа-каналом. .form-section {   background:     linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),     url("../img/bg.jpg") center no-repeat;     background-size: cover; /* масштабирование ...
... повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat;     background-size: ...
... альфа канал (0.5) формата rgba. .content {   position: fixed;   bottom: 0;   background: rgba(0, 0, 0, 0.5);   color: #fаа;   width: 100%;   padding: 15px;   z-index: ...
... код зададим светло-зелёный цвет фона для панели навигации. nav {   background-color: #dcedc8; } поместим все ссылки в строку с помощью обтекания слева, ...
... inline-block, то к нему не применятся отступы, рамки и другие стили. body {   background-color: #951a46; /* цвет фона всей страницы */   font-family: roboto, sans-serif; /* семейство ...
...   background: #c5e56e; /* цвет фона */   color: #212121; /* цвет ссылок при наведении */ } /* активная ссылка у меню навигации */ nav a.active {   background: #c5e56e; ...
...     min-height: 100vh;/*минимальная высота на весь экран*/     background: #262626;/*цвет фона*/ } .container {     position: relative;/*относительное ...
... (состояние при наведении) свойство transform: rotate. .button_rotate:hover {     background-color: #4feac8;     transform: rotate(15deg); } обратите внимание, что ...
... выравнивание, цвет фона и текста. .mobile-wrap {   max-width: 400px;   margin: auto;   background-color: #5d4037;   height: 450px;   color: #fff; } все, что выйдет за пределы ...
... информации. </div> 1) градиентное оформление блока / css .exam_01 {     background: linear-gradient(135deg, #f4e3f0 50%, #e2debe 50%);     color: #49152c;     padding: ...
... div {    background: url(images/yourimage.jpg); /* фон картинка */    width: 750px;    height: 100px;    margin: auto;  } .blue {    background: #027ав4; /* ...
... class="imghvr-slide-up">     <img src="cat.jpg" alt="cat">     <figcaption style="background-color:#000;">       <h2>наведение на картинку</h2> ...
... class="arrow arrow-next" href="#target-item-2"></a>   </div>   <div class="carousel-item item-2 light" style="background-color: royalblue;">    <h2>item 2</h2>    <p>content goes here.</p> ...
... задать высоту или вставить внутри него контент. body {   background: #d5d5d5; } div {   background: #d56287;   height: 100px; } зададим ему высоту 100 пикселей ...
...     display: flex;     justify-content: center;     align-items: center;     background: #fafafa; } теперь создадим красный блок с белой рамкой. белая ...
... transition-property: background; transition-duration: 2s; transition-delay: 1s; transition-timing-function: ease; в transition-property мы должны указать, что именно мы хотим анимировать. например, background. ...
...     <a href="#" class="blog-item grid">      <span class="blog-item-img" style="background-image: url(img/1.jpg);"></span>      <span class="blog-item-content grid"> ...
...     overflow: hidden;     height: 100vh;     background: #111;     background: #000; } section{     display: flex;     justify-content: ...
... стилям. body {   background: url(http://subtlepatterns.com/patterns/extra_clean_paper.png); } .button {   display: inline-block;   margin: 40px;   width: 100px;   height: 100px;   background: url(http://subtlepatterns.com/patterns/extra_clean_paper.png); ...
... отрицательные боковые отступы */     margin-bottom: 10px;     background-color: yellow; /* подсвечивание контейнера */ } осталось стилизовать ...
...     min-height: 100vh; / * на всю высоту экрана * /     background: #fff; / * цвет фона * /     background: url(bg.jpg); / * фоновое изображение * /     background-size: ...
...     width: 250px; // ширина блока     height: 300px; // высота блока     background-color: red; // цвет блока     position: relative; // позиционируем относительно ...
... главной оси * /     min-height: 100vh; / * на всю высоту экрана * /     background: linear-gradient(45deg,#6190e8,#a7bfe8); / * градиентный общий фон * / } .container{     position: ...
... pfs-bold;   src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/pfsquaresanspro-bold.otf'); } body {   background: $dark; } .drop {   width: 20em;   margin: 5em auto;   font-family: pfs-bold;   color: $semilight; ...
...     display: flex;     flex-wrap: wrap;     flex: 1;     background-color: #00ffff;     color: #555555;     text-align: center; ...
... 100vh;/*растянуть на всю высоту экрана*/     background: url(bg.jpg);/*вставить фон*/     background-size: cover;/*на весь экран сохраняя пропорции*/     background-position: ...
... class="app">     ... </section> .app {     background-image: url(/assets/img/app_bg.png);     background-size: cover;     background-position: center center;     background-repeat: ...
...     height: 100vh; // высота шапки     background-color: rgb(25, 22, 75); // подстраховочный фон     background-image: url('../img/bg.jpg'); // путь к файлу с ...
... для волны волны*/     height: 100%;/*высота контейнера*/     background: #4973ff;/*цвет контейнера*/     box-shadow: inset 0 0 50px rgba(0,0,0,.5);/*тень*/ ...
...     font-family: sans-serif;     scroll-behavior: smooth; } body{     background: #f0f4c3;     min-height: 100vh;     overflow: hidden;     display: ...
... вертикали * /     min-height: 100vh; / * высота первого экрана * /     background: #35003e; / * цвет фона * / } h2 {     color: #fff; / * цвет заголовка * ...
...   left: 0;   top: 0;   width: 100%;   height: 100%;   background: #000; /* цвет затемнения */   background-color: rgba(0,0,0,0.5); /* прозрачность затемнения */ } ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #fff; } .loader {     position: relative;     width: 200px;     height: ...
... от границ */     border: none;     /* прозрачный фон */     background-color: transparent;     /* цвет индикатора */     color: red;   ...
...     width: 0;/*ширина*/     height: 100%;     background: url(btn-bg1.png);/*красная кнопка*/     background-size: cover;/*сохранение пропорций*/     z-index: ...
...     position: relative;     width: 240px;     height: 326px;     background: rgb(194, 127, 127);     overflow: hidden; } с помощью псевдоэлемента ...
...   margin: 40px; } .panel {   width: 100%;   height: 100%;   background: red;   /* функция perspective  в свойстве transform */ ...
...     align-items: center;     min-height: 100vh;     overflow: hidden;     background: #edeeed; } .drops{     position: relative;     display: flex;     justify-content: ...
... выходящее за рамки*/ } .container .card:hover {     background: #1a1a1a;/*цвет карточки при наведении*/     background-size: 20px 20px;     flex-grow: 3; } .container::before{ ...
...     min-height: 100vh; / * на всю высоту видимой области экрана * /     background: #b1e7a1; / * цвет фона страницы * / } .popup{     position: fixed; / * фиксированная ...
...     background: #827717; / * цвет фона * / } .container{     text-align: center; / * центрирование содержимого контейнера * /     background: #fdd835; ...
... в область размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #001d10; } .loading{     position: relative;/*относительное позиционирование ...
...      style="background-image: url(zoom-image-2.jpg);" >     <img src="zoom-image-2.jpg" /> </div> <div class="zoomer" onmousemove="zoom(event)"      style="background-image: url(zoom-image.jpg);" > ...
... вертикали*/     min-height: 100vh;/*на всю видимую высоту экрана*/     background: linear-gradient(90deg,#49aeff,#ff4c89);/*фон секции*/ } нарисуем градиентный ...
... class="red"></div> .red {     width: 150px;     height: 150px;     background-color: red; } сначала получим квадрат по селектору и для дальнейших ...
... индивидуальный класс-модификатор (цвета). .black{     background: #000; } .blue{     background: #a3bfd5; } .gray{     background: #e9e9e9; } .pink{     background: ...
...     background: #e57373; } .btn{     position: relative;/*относительное позиционирование*/     padding: 15px 20px;     background: #fff;     font-size: ...
... {     position: relative;     background-color: #3c3c3c; }     &:hover {         background-color: #ccc;     } } css .portfolio__item ...
... вертикали*/     min-height: 100vh;/*на всю высоту экрана*/     background: #313131;/*цвет фона*/ } .container{     position: relative;/*относительное ...
...     width: 90%;     border-radius: 25px;     padding: 0 20px;     background-color: #fff;     border: solid 1px rgba(255, 255, 255, .5); /* полупрозрачная рамка ...
...     position: relative;     width: 30px;     height: 5px;     background-color: #fff; } // верхняя линия .menu-icon-line::before {     position: absolute; ...
...     overflow: hidden; // скрыть все что выходит за родителя     background: #ba7ba1; // цвет кнопки     position: relative; // установим позицию ...
...     height: 100%; } .block {     width: 120px;     height: 120px;     background: violet; } 1) свойство position (древний метод) если мы блок размещаем ...
...     background-image: linear-gradient(to right bottom,     rgba(76, 216, 255, 0.5),     rgba(30, 108, 217, 0.5)),     url('landscape.jpg');     background-size: ...
...     display: flex;     justify-content: center;     align-items: center;     background: #ccc;/*цвет круга*/ } логотип внутри круга вставим логотип. ...
...         body {             background-color: #f0f0f0;             font-family: 'segoe ui', tahoma, geneva, verdana, sans-serif; ...
...     font-family: 'poppins', sans-serif; } body {     background: #03a9f5;     background: linear-gradient(90deg,#0e3959 0,#0e3959 30%,#03a9f5 30%,#03a9f5 100%); } .contactus{     position: ...
...     flex-direction:column;     align-items: center;     justify-content: center;     background-color:#0e2431; } .title {     font-family: sans-serif;     font-size: 5rem; ...
...     min-height: 100vh; /*на всю высоту экрана*/     background: #000; /*фон секции*/     background: url(bg.jpg);/*фоновая картинка*/     background-size: ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #000; } создадим блок с квадратом, который будет служить лишь основой ...
... class="box"></div> // css .box {     width:50px;     height: 50px;     background-color:pink;     margin:5px; } как тогда верстальщику сверстать ...
... sans-serif; } #demoinput {   width: 260px;   background-image: url('searchicon.png'); /* размещение иконки с лупой */   background-position: 10px 12px; /* позиционирование иконки ...
... градиентов. .card:nth-child(1), .card:nth-child(1):before{     background: linear-gradient(135deg,#ff0057,#ffebee);     background: linear-gradient(-45deg, #f403d1, #64b5f6); } .card:nth-child(2), .card:nth-child(2):before{ ...
... href="#">заказать работу</a>     </div> .button {     background-color: #2bc6a4;     border: none;     border-radius: 15px;     color: ...
... следующий код там: .slide-up-boxes a {   display: block;   height: 130px;   margin: 0 0 20px 0;   background: rgba(215, 215, 215, 0.5);   border: 1px solid #ccc;   height: 65px;   overflow: hidden; } ...
... емейла */    padding: 15px;    display: block;    outline: none;    background-color: #fff; /* цвет ячеек формы */    color: #888282; /* цвет вводимого текста ...
...     height: 100%;     overflow: auto;     background-color: rgb(0,0,0);     background-color: rgba(0,0,0,0.4);     padding-top: 60px;   } ...
... center;/*горизонтальное выравнивание*/     min-height: 100vh;     background: #fafafa; } .dropdown {     position: relative;/*относительное позиционирование*/ ...
...             display: flex;             background-color: bisque;             min-height: 100vh; ...
...     margin: 0;     padding: 0;     height: 100vh;     background: linear-gradient(to bottom, #87ceeb, #1e90ff); /* градиент от голубого к более темному синему */ ...
... вертикали*/     min-height: 100vh;/*на всю высоту экрана*/     background: rgb(221, 177, 177);/*цвет фона*/     font-family: 'poppins', sans-serif;/*название ...
...         background-position-x: 1000px;     }     100%     {         background-position-x: 0px;     } ...
... прописываем фиолетовый цвет фона, название, цвет и размер шрифта для списков. background: #ab05af; font-family: 'russo one', sans-serif; color: #fff; font-size: 20px; создаем вокруг ...
...         body {             background: #f5f6fa;         }         /* левое меню */ ...
... создадим папку css. внутри создадим файл default.css. body {   background: silver; } #header {   padding: 20px;   background: gold; } #content {   background: #fff;   padding: 20px; } #footer ...
... border: 2px solid #ffd460; } .roundborder div {   background: url(../images/t-l.png) top left no-repeat;   margin: -2px;   position: relative; } .roundborder div div {   background: url(../images/t-r.png) top right no-repeat;   ...
... окна */ input, textarea {   color: #494949;   border: 1px solid #e3e3e3;   border-radius: 3px;   background: #fff;   font-size: 14px;   margin: 0 0 10px;   padding: 5px;   width: 100%;   font-family: ...
... выравнивание*/     min-height: 100vh;/*растянуть на всю высоту*/     background: #050505;/*цвет фона*/ } .cube {     position: relative;/*относительное позиционирование*/ ...
... получить используя rgba, прописав в стилях блока следующую строчку кода: background: rgba (0, 0, 0, 0.7); первые три буквы обозначают – красный, зеленый, синий ...
... прокручивалось вместе со страницей. .banner {     background: url('banner.jpg') no-repeat center center;     background-size: cover; // без потери пропорций     position: ...
... рамки контейнера } заполним красным цветом и середину круга. background-color: red; // цвет фона круга голова фигуры юзера рисуем голову ...
... стикера. .sticker {     height: 300px;     width: 300px;     background-color: #666;     margin: 0 50px 50px 0;     position: relative; // родитель ...
...     line-height: 1.5;     color: #9d10a1;     text-align: left;     background-color: #fff; } .list-group {     display: flex;     flex-direction: column; ...
... всю ширину*/     padding: 20px 50px;/*поля для контента*/     background: #3586ff;/*цвет футера*/     display: flex;     justify-content: ...
... ('document.blinkbutton.button.style.background = "#'+arrcolor[15-i]+'0'+arrcolor[15-i]+'fff";', i * 50);}function mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', ...
...     min-height: 100vh; <!-- область просмотра по вертикали-->     background: #000; <!-- цвет фона--> } выстроим дочерние элементы списка li в ...
...     font-family: "roboto slab"; } .content .info {     width: 100%;     background-color: #000;     padding: 40px;     box-shadow: 0px 0px 30px rgba(0, 0, 0, ...
...   background: #0f0; } дальше идет out-of-range. он стилизует элементы input, у которых значения не находятся в указанном диапазоне. input:out-of-range {   background: ...
... инициализируем скрипт, добавив идентификатор background. далее подключим сам скрипт к странице. <section>     <img id="background" src="" /> </section> <script src="rainyday.min.js"></script> ...
...   font-family: "roboto", sans-serif;   background:#d2eaf1; } .circle-wrap {   margin: 150px auto;   width: 150px;   height: 150px;   background: #fefcff;   border-radius: 50%; ...
...     function process(element,callback)     {         let bg = element.style.background;         element.addeventlistener('click', (event) => { ...
...   --error-color: #ee1f09; } * {   box-sizing: border-box; } body {   background-color: #f9fafb;   font-family: 'nunito', sans-serif;   display: flex; ...
... .row div {padding:20px 10px; border: 1px solid;} </style> <div class="container">   <div class="row" style="background: lightblue">    <div class="col-sm-6">col-sm-6</div>    <div class="col-sm-6">col-sm-6</div> ...
... центрирование*/     min-height: 100vh;/*на всю высоту экрана*/     background: #222;/*цвет фона*/ } .wavy {     position: relative;/*относительное позиционирование*/ ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #000;     overflow: hidden; } .box{     position: relative;/*относительное ...
... .gradient(@maincolor2, @maincolor);     }    }   } } .gradient(@col, @col2) {   background-color: @col;   background-image: gradient(linear, left top, left bottom, from(@col), to(@col2));   background-image: linear-gradient(top, ...
...     width: 100px;     height: 100px;     border: 2px solid salmon;     background-color: pink;     margin-left: 20px; } 2. выравнивание на inline-block ...
...     min-height: 100vh;/* 100% по высоте */     background-image: url('https://cdn.pixabay.com/photo/2020/12/22/12/38/cat-5852139_1280.jpg');     background-repeat: no-repeat; /* запрет на размножение ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #ffccbc; } .accordion {     width: 800px; } стилизация ...
... выравнивание * /     min-height: 100vh; / * минимальная высота * /     background: #c8e6c9; / * цвет фона * / } 2) оформление списка .list{ ...
...     <div id="myelement" style="width: 200px; height: 100px; background-color: lightblue;"></div>     <script>         const element = document.getelementbyid('myelement'); ...
... сделать такой градиентный фон, необходимо в css написать следующее: body {   background: url("images/bg.jpg") repeat-x #dedede; } таким образом, эта полоска размножится ...
...       width: 100%;       height: 100vh;       background-color: lightgray;       display: flex;       align-items: center; ...
... <style> #parent_popup {   background: #000;   height: 100%;   opacity: 0.9;   position: fixed;   width: 100%;   z-index: 100;   top: 0;   left: 0; } #popup {   background-color: #00f;   height: ...
...   background: tomato;   display: inline-block;   border: 1px solid rgba(0,0,0,.5); } .parent.perspective .child {   transform: rotatex(50deg);   background: tomato; ...
... угол. и теперь css-код: .input_left {   background: url("input_left.jpg") no-repeat scroll 0 0 transparent; //фон с левым углом } .input_right {   background: url("input_right.jpg") no-repeat scroll 0 0 transparent; ...
... изображение, в котором находится много различных картинок, и с помощью свойства background-position мы выставляем нужную картинку в нужном месте. допустим, у нас ...
... 0%; /* ширина линии */     height: 4px; /* толщина линии */     background-color: darkred; /* цвет линии */     transition: 0.6s; /* плавный переход ...
...         # добавленный код         self.background = load_sprite("space", false)     ..........................     def _draw(self): ...
... div {     background: url(images/smilies.jpg); /* фоновая картинка */     width: 550px;     height: 215px; } .black {     background: #000; /* цвет полупрозрачного ...
...     font-family: "poppins", sans-serif; } body {     min-height: 100vh;     background: #150019; } .navigation {     position: fixed; / * панель зафиксирована на ...
... /     height: 60px; / * высота области переключателя * /     background: #0091ea; / * цвет области переключателя * /     cursor: pointer; / * вид ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #f5f5f5; } меняем расположения иконок по умолчанию иконки ...
...     text-decoration: none;     transition: background-color .3s;     border: 1px solid #ddd; } .pagination a.active {     background-color: #4caf50;     color: white; ...
... } .container div.subitems div {     background-color: pink; } .span-2 {     grid-column-end: span 2; } .container div {     background-color: plum;     padding: 8px; ...
... amet.</p> </body> </html> а теперь давайте зададим для неё стили: body {   background: #ccc; } p {   font-size: 18px;   text-shadow: 0 1px 0 #eee; } тень для текста задаётся ...
...     pixel.style.backgroundcolor = 'red';   });   pixel.addeventlistener('mouseover', () => {     if (isdrawing) {       pixel.style.backgroundcolor = 'red'; ...
...             text-align: center;             background-color: #f0f0f0;             margin: 0;             padding: 0; ...
... style="margin:0; padding:0"> заменяем: <div> на <table> <margin> на <padding> <background> на <background-color> или <bgcolor> их можно применять только для тега <table>. ...
... центру ширины браузера. // вспомогательный класс .bg_pink {     background: pink; } .container {     max-width: 1200px;     margin: 0 auto; }; ...
... минимальное. <h1>hero text</h1> h1 {     background: url(https://cdn.pixabay.com/photo/2019/03/11/09/53/car-4048220_1280.jpg) #000;     background-size: cover;     background-position: ...
... language="javascript">var default_color;function mousein() {  default_color = document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код ...
... наиболее значимые свойства и их значения для решения нашей задачи. background-size: cover; значение "cover" позволяет нашему изображению подстраиваться ...
... выравнивание*/     min-height: 100vh;/*обнуление отступов*/     background: #fff;/*цвет фона*/ } .container {     position: relative;/*относительное ...
... классам bootstrap. /* карусель */ /* фон подложка под слайды */ .bg-item{   background: url(../images/bg.png) center center no-repeat; } /* отступы у картинки iphone */ .iphone-wrap{   padding: ...
... 170px;   position: relative; } /* цвет круга */ .blue{   background: #5094f2; } /* цвет круга */ .red{   background: #d94748; } /* цвет круга */ .pink{   background: #ebbb11; ...
...   padding: 0; } #valantin li {   float:left;   margin-left: 17px; } #valantin li span {   background:#d0a5a5;   padding: 15px 30px; /* поля обрамляющие текст */   text-decoration: ...
... стили. css код body {   background-color: #eee2e4; } /* стилизация кнопки */ .gamburger{   border-radius: 5px;/* скругление углов */   background-color: #ebbfd0;/* цвет кнопки ...
...     overflow: hidden;/*спрятать лишнее*/     background: url(bg.jpg);/*вставка фона*/     background-size: cover;/*на весь бокс с пропорциями*/ } ...
... 22px;     background-color: #eec321; } при наведении курсора, делаем цвет фона немного темнее. .container:hover input ~ .checkmark {     background-color: #ccc678; ...
... палитру и задаем цвет фона для тега <nav>. nav {   width: 100%;   background-color: #673ab7;   overflow: auto; } стилизуем ссылки панели навигации, ...
...     min-height: 100vh;/*растянуть на всю высоту экрана*/     background: #232323;/*цвет фона*/ } span {     position: relative;/*относительное позиционирование*/ ...
... под другом. контактная информация + соц. иконки .info {     background:#0e3959;/*цвет фона*/ } .info h3 {     color: #fff;/*цвет подзаголовка*/ ...
... заранее обнулив паддинги и маржины в теге body. .wrapper{   width: 100%;   background-color: #7eadbe; } форма и заголовок имеют отступы сверху и снизу и расположены ...
... на новую строку*/     min-height: 100vh;/*на всю высоту*/     background: #f5f5f5;/*цвет фона*/ } .toggle{     position: relative;/*относительное ...
... вслед за текстом. .coupon {   border-radius: 15px; /* скругление углов */   background-color: #feefc4; /* цвет фона */   margin: 0 auto; /* купон в центре браузера */ ...
...   left: 50%;   transform: translate(-50%, -50%); /* выравнивание по центру */   background: #333;   border-radius: 10px; } 3) рисуем фигуру круга внизу смартфона. ...
... селектора. .header {     padding-top: 20px;     font-size: 15px;     background-color: #333333; } каждый новый селектор отделять одной строкой. .nav ...
... {     background-color: #ddd;     .. } создаем общие стили для кнопок: отправить / закрыть. .form-container .btn {     background-color: #1976d2; ...
... метод выберет первый параграф на странице. $(document).ready(function(){ $("p:first").css("background-color", "pink"); }); :last – возвращает последнее совпадение на странице ...
... раскрашиваем фоновую основу под иконками и цвет самих иконок. ul li {   background: #cecfcf;   color: #fff; } размер иконки задается через размер шрифта. ...
... просто копируете url картинки и вставляете в код селектора div. div {   background: url(https://cdn.pixabay.com/photo/2018/03/19/20/20/wheat-3241114_1280.jpg); } все прописанные свойства ...
... далее определяем все доступные цвета переднего плана в списке "foreground" и цвета фона в списке "background", мы также определяем список brightness для различных настроек яркости. ...
... вместо видео фона */ @media (max-width: 767px) { section {     background-image: url("../video/amalfi.jpg");     background-repeat: no-repeat;     background-size: cover; } /* выключить ...
... файле style.css: body {   font-family: 'lato', verdana;   font-size: 100%;   background: #fff; } .wrap {   margin: 0 auto;   width: 70%; /* отступы относительно ...
... 600px;/*ширина*/     height: 400px;/*высота*/     margin: 10px;     background: #000;/*цвет фона*/ } .box img {     position: absolute;/*абсолютное ...
... center;/*центрирование по вертикали*/     min-height: 100vh;/*на всю высоту*/     background: linear-gradient(45deg,#8460ed,#ff1252);/*линейный градиент*/ } .menu{     position: ...
... задавать ширину. .container {   border-radius: 5px; /* скруглим углы */   background-color: #f8bbd0;   padding: 20px; } а зададим ширину у колонок, 25% будут ...
... class="clear"></div>   </div> </div> и css-код: #container_1 { background-color: #f00; width: 25%; } #container_2 { background-color: #0f0; margin-left: 100%; width: 300%; } #left { float: left; margin-left: ...
...   background-color: #ddd; } в состоянии покоя, зеленая полоса занимает 10% ширины относительно серой. #greenbar {   width: 10%;   height: 30px;   background-color: ...
... выравнивание*/     min-height: 100vh;/*растянуть по вертикали*/     background: #ffd600;/*цвет фона*/ } a{     position: relative;/*относительное позиционирование*/ ...
...     } } .container > * {     background-color: plum;     padding: 8px; } .container > *:nth-child(odd) {     background-color: powderblue; } разобьем шаблон ...
... </html> и зададим первоначальные стили body {   background: #aaa;   font: 1em "pt sans", tahoma, arial; } .block {   background: rgba(0,0,0,.3);   border-radius: 8px;   border: 3px solid #fff; ...
... меняем значение у transform и прописываем background. ul li a:after {     transition: .5s; /* плавный переход */     background: #44c09d; } ul li a:hover:after {     transform: ...
... размер шрифта */ } button:hover {     background: #fa5aff; /* при наведении меняется цвет */ } button:active {     background: #000; /* цвет фона у активной кнопки ...
...     height: 16px;/* высота блока */     border: 1px solid #ccc;/* рамка */     background-color: #fff; /* цвет фона */     border-radius: 50%;/* получаем круг */     position: ...
... стили .container {     max-width: 1000px;     margin: 20px auto;     background: #f1f1f1;     padding: 20px; } создание блока под слайдер ...
... шапкой сайта. .nav {   width: 100%;   position: fixed;   top: 0;   background-color: #c2185b; } ссылки-пункты для меню. .nav a {   float: left;   padding: ...
... рамок, размеров*/     width: 16px;     height: 16px;     background: #fff;     border: 2px solid #e80cf0; /* толщина, стиль, цвет рамки*/     border-radius: ...
...     font-family: 'quicksand', sans-serif;     cursor: none; } body{     background: #4e342e;     display: flex;     justify-content: center;     align-items: ...
...             color: darkgrey;             background: #f0f0f0;         }         .theme--dark { ...
... document.getelementsbytagname("p");   let i;   for (i = 0; i < pcollection.length; i++) {     pcollection[i].style.backgroundcolor = "pink";   } } персональное обращение к элементам задача ...
...     padding: 20px;     width: 200px;     height: 200px;     background-color: blanchedalmond;     border: 5px solid gray; } .border-box {     box-sizing: ...
...             padding: 5px;             background: #f0f0f0;             min-height: 100%;         } ...
... задать серый цвет фона для container. .container {     ..     background-color: #f7f7f7; } дальше будем наполнять контентом наши блоки вместо ...
... <button>о нас</button> <button>контакты</button> css button {     background-color: #1e90ff;     border: none;     color: #fff;     padding: ...
... body {   background: #f0f0f0; } .comments {   width: 400px; } .comment {   width: 100%;   margin-bottom: 20px; } .comment p {   margin: 0 0 10px 0; } .bubble {   position: relative;   background: #fff; ...
... .modal {   display: none; /* скрыто по умолчанию */   background-color: rgb(0,0,0); /* затемнение фона */   background-color: rgba(0,0,0,0.5); /* полупрозрачное затемнение */ ...
...     height: 100%;   }   div {     height:100%;     background-color: #f00;   }   div div {     background-color: #0f0;     width: 50px;   } </style> </head> ...
...     flex-wrap: wrap;     min-height: 100vh; /*на всю высоту экрана*/     background: #03a9f4; /*цвет фона*/ } .loader{     position: relative; /*относительное ...
...     self._init_pygame()     self.screen = pygame.display.set_mode((800, 600))     self.background = load_sprite("space", false)     self.clock = pygame.time.clock() ...
...   background-color: #fff;   margin: 16px; } .card:hover {   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .card-header {   padding: 16px;   background-color: #2196f3; ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #f7fcff; } .container{     position: relative;     width: 1100px;     display: ...
... привяжем к левому верхнему углу. установим какой-нибудь фоновый цвет. background-color: #d5d5d5; далее оформляем div с классом card шириной и высотой по 350 ...
...     <source src="bg.mpg" type="video/mp4">   </video>   <h2>video in text<br><span>background </span></h2> </section> к тегу video добавим три атрибута: ...
... вертикали * /     min-height: 100vh; / * на всю высоту экрана * /     background: #fff8e1; / * цвет фона страницы * / } .container {     width: 550px; / * ширина ...
...     display: flex;     justify-content: center;     align-items: center;     background: #000;     min-height: 100vh; } .list{     position: relative; } .list ...
...     position: fixed;     bottom: 40px;     right: 40px;     background-color: #3498db;     color: white;     border: none;     padding: 10px 20px; ...
... под разные размеры экранов, благодаря свойству cover. width: 100%; height: 100vh; background-size: cover; мы сделаем панель навигации не только прозрачной, но и ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #e1bee7; } 5) визуальное оформление тега ul сделаем ...
... картинкой. свойство cover растягивает картинку на всю ширину и высоту хедера. background-size: cover; градиент поверх картинки для справки: градиенты бывают ...
... как сделать анимированный фон на странице. при этом человек знал и про background, и про css. он у меня попросил скрипт на javascript, позволяющий делать анимацию ...
... вставить через css-свойство background-image <div class="bg-image"></div> .bg-image {     width: 50px;     height: 50px;     background-image: url(image.svg); } ...
... простейших функций в jquery, служащих для стандартной анимации: <div id="block" style="background-color: #ccc; height: 200px; width: 200px;">блок</div> <span id="fade_out">скрыть блок (через ...
...   background: url("image_1.jpg") no-repeat; // подставляем картинку по умолчанию   height: 100px; // высота картинки   width: 100px; // ширина картинки } .img:hover {   background: ...
...             align-items: center;             background-color: #f0f0f0;         }         .carousel-item.active { ...
... текста на кнопке*/     font-size: 30px;/*размер шрифта*/     background-color: darkred;/* цвет кнопки */     padding: 20px 60px;/* расстояние от текста ...
... сохранять нечего. а картинка выводится через css с помощью свойства background: <div style="background: url('image.jpg') no-repeat; width: 100px; height: 100px;"></div> данный способ ...
...     self._init_pygame()     self.screen = pygame.display.set_mode((800, 600))     self.background = load_sprite("space", false)     self.clock = pygame.time.clock() ...
...     width: 100%;     height: 100vh;     background: url(1.jpg) center no-repeat;     background-size: cover;     overflow: hidden; } установим ...
... css-код: .r_button { display: none; } .r_button + label { background: url("radio.png") no-repeat scroll 0 0; cursor: pointer; padding-left: 25px; } .r_button:checked + label { background: url("radio_active.png") no-repeat scroll 0 0; } сразу ...
... что изученный псевдокласс invalid input:invalid {   border: 1px solid red;   color: red;   background: #ccc; } теперь данный стиль применится ко всем полям формы, которые ...
... .select {   background-color: #0ee;   border-radius: 10px;   padding: 10px 0;   width: 200px; } .select p {   cursor: pointer;   margin: 0;   padding: 5px 20px; } .select p.active {   background-color: #ee0; ...
... разберём css-код: #block {   background-color: #ff0;   min-height: 100px;   min-width: 200px;   position: relative;   width: 400px; } #block_resize {   background-color: #000;   bottom: 0;   ...
...         self.screen = pygame.display.set_mode((800, 600))         self.background = load_sprite("space", false)         self.spaceship = gameobject( ...
... используются для открытия и закрытия панели аккордеона. .accordion {   background-color: #cfd8dc;   color: #fff;    … } при наведении курсора на кнопку ...
...         css += "body { background-color: white; color: black; }"     elif theme == "dark":         css += "body { background-color: black; color: white; }" ...
...   ); } export default app; ./src/components/app.css body {   background: #f0f0f0; } .app {   display: grid;   grid-template-columns: 1fr 1fr 1fr; ...
... которых установлен атрибут read only. <input type="text" readonly> css input:read-only {   background: green;   color: #ccc; } read write псевдокласс read write служит для того, чтобы ...
... стилей и добавим в наш файл style.css. .parallax-window {   min-height: 500px;   background: transparent; } самое главное – это подобрать большого размера и качественные ...
... блоков .pre-loader {   margin: 200px auto;   width: 66px;   height: 50px; } .pre-loader > div {   background-color: #34495e;   height: 100%;   width: 10px;   display: inline-block; } создадим анимацию ...
... фиолетовый цвет у фона секции, внутри секции у h1 - белый цвет. color: #fff; background-color: #9b59b6; } оформим родительский элемент wrapper. позиция relative, для ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #ffd600;     overflow: hidden; } наложение сверху блока ...
... {   display: flex;   justify-content: space-between;   &-wrapper{     background-color: #f5f5f5;   }   &__item{     text-align: center;    } ...
...   position: fixed;   left: 0;   top: 0;   height: 100%;   width: 100%;   max-width: 250px;   background: cornflowerblue;   box-sizing: border-box;   padding: 20px;   color: #fff;   margin-left: -250px; ...
... class="header">..</header> .header {     border-bottom: 1px solid #f5f5f5;     background-color: #fff; } по макету размер шапки сайта (ширина между двумя направляющими) ...
... разместим какой-нибудь текст в нашем блоке: <div class="jumbotron jumbotron-fluid" style="background: #aaa;">   <h1>добро пожаловать на сайт</h1>   <p>на этом ...
... .form__wrapper {     width: 300px;     margin: 20px auto;     background-color: #f5f5f5;     border-radius: 5px;     font-size: 16px; } убираем ...
... width: 100%;   background-color: #e0e0e0;   padding: 3px;   border-radius: 3px;   box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); } .progress-bar-fill {   display: block;   height: 22px;   background-color: #659cef; ...
...     position: sticky;     top: 0;     left: 0;     background-color: #9b59b6;     color: #fff;     padding: 10px; } .sticky-second ...
... .header {     background:     linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),     url("../img/bg_header.jpg") center no-repeat;     background-size: cover;     width: ...
...         body {             background: #f0f0f0;         }         form { ...
... они узнают, как надо отображать дизайн сайта. .about{   color:#fff;   background-color: #a87a7a; /* коричневый фон секции "обо мне" */   text-align:center; /* позиционирование ...
... стили--> .more {     width: 180px;     height: 60px;     background-color: #c6cfff;     color: white;     padding: 12px 16px;     font-size: ...
... обертка для навигационной панели */ .top-menu {     padding: 5px;     background: #fff; } /* обертка для логотипа */ .logo-wrap {     font-family: "segoe wp ...
... всего абзаца. <p>хочу выделиться фоном</p> // html p {     background-color: pink; // css } если вы хотите задать фон, отдельному фрагменту ...
...     width: 100%;     height: 100vh;     display: flex;     background: #111;     transition: 0.2s; } .navarea{     position: relative;     width: ...
...       background-color: var(--bgcolor);       color: var(--color);       width: var(--width);     }     div {       background-color: ...
... </div> стили css body {   font-family: "roboto", sans-serif;   background:#d2eaf1; } /*светло-голубой используется в качестве фона веб-страницы здесь*/ ...
... файла .scss. пример кода: #main p {   color: #00ff00;   width: 97%; } #main p .redbox {   background-color: #ff0000;   color: #000; } sass sass(syntactically awesome stylesheets) – это самый старый ...
... разместит, как надо. давайте посмотрим несколько примеров: <div class="row" style="background: lightblue">   <div class="col-md">col-md</div>   <div class="col-md">col-md</div> ...
... центру */     justify-content: center; /* выравнивание по центру */     background-color: #e38ec9;     width: 100vw; /* ширина блока меню */     z-index: ...
... останавливалось, и отключаем звук. перейдем к стилям body {   background: url('video.png');   background-size: cover; } .bgvideo {   position: fixed;   right: 0;   bottom: 0; ...
... голубого цвета, а текст – белого: <div class="jumbotron jumbotron-fluid bg-info text-white" style="background: #aaa;">   <div class="container">    <h1>добро пожаловать на сайт</h1> ...
... есть flex-элементы button, стилизуем их под точки. .slick-dots button {     background: #eddfd477; // цвет фона     border: none; // без рамки     border-radius: ...
...     left: 0; // левая стрелка остается с левой стороны слайдера     background: url('../img/left-arrow.png') 0 0 / 100% no-repeat; } .slider .slick-arrow.slick-next{     right: ...
...     padding: .75rem 2.5rem .75rem 1rem;/* отступы от текста до рамки */     background: none; /* убираем фон */     border: 1px solid #ccc; /* рамка */     border-radius: ...
... } div {     background: #f2eaea;     margin: 0 auto;     max-width: 600px;     padding: 20px; } #btn {     background: #2196f3;     border: ...
...       color: #111;       border: 1px solid #ccc;       background: #fff;       box-shadow: 0 0 10px rgba(0,0,0,0.5); /* параметры тени */ ...
... области элемента. $("p").mouseover(function(){   $("p").css("background-color", "yellow"); }); $("p").mouseout(function(){   $("p").css("background-color", "pink"); }); <p>наведите и снимите указатель ...
... выравнивание*/     min-height: 100vh;/*на всю высоту браузера*/     background: #1c1f2f;/*цвет фона*/ } .container{     position: relative;/*относительное ...
...     line-height: 1.4em;     margin: 40px auto; /* отступ между блоками */     background-color: #fff;     border: 8px solid #960ccc;     border-radius: 30px;     font-family: ...
...         .bubble {             background-color: #c8fcb3;             height: 36px;             width: 64px; ...
...     width: 260px;     border-radius: 15px; /* закругляем углы */     background-color: rebeccapurple;     padding: 28px;     text-transform: uppercase;     color: ...
...       }       body {         background-color: #030303;         display: flex;         justify-content: center; ...
... вставленного блока заметки */  float: right; /* вставляем боковую панель справа */  background: #fbfdcf; /* цвет фона вставки */  border: 1px solid #e4bee3; /* значения границы ...
... charset="utf-8"> <title>горизонтальное меню</title>   <style>  nav ul {   background: #db7093; /* цвет самого меню */   list-style: none; /* убираем маркеры */   margin: ...
...     width: 200px; // ширина     height: 200px; // высота     background-color: red; // цвет     transform: rotate(45deg);     position: relative; ...
... black;   background: #ddd;   border: 1px solid black;   width: 250px; } /* (.) перед именем обозначает class */.content {   padding: 20px;   font-size: 20px;   color: black;   background: #ddd; ...
... пропишем стили для каждой секции. @keyframes flash {   0% {    background-color: yellow;   }   50% {    background-color: transparent;   } } section:target {   animation: flash 3s 1 ease-in-out; ...
... input[type="text"] {     background-color: #fcf8e3; } /* зададим фоновый цвет #f2dede; полю для ввода пароля */ input[type="password"] {     background-color: #f2dede; } у нашей ...
...     font-weight: bold;     color: #e5ffff;     background-color: #3ba4c7;     background-image: linear-gradient(top, #3ba4c7 0% ,#1982a5 100%);     box-shadow: ...
... 100%; // растянуть на всю высоту секции     background-image: url('../img/bg.jpg');     background-size: cover; // масштабируется без потери пропорций ...
...             width: 250px;             background-color: #f1f1f1;         }         .sidebar-menu { ...
...     <style>        body{         background-color: beige;         display: flex;         justify-content: center; ...
... далее красиво стилизуем наше выпадающее меню. #nav > ul li a{ font-size: 17px; background: #e0e0e4; display: block; padding: 16px 32px 16px 42px; color: #4e4e4f; text-decoration: none; } вот ...
... 0;/*левая позиция*/     width: 100%;     height: 100%;     background: #b2ff59;/*цвет круга*/     border-radius: 50%;/*закругление*/     animation: ...
... .booth {   width: 400px;   background: #ccc;   border: 10px solid #ddd;   margin: 0 auto; } .booth-capture-button {   display: block;   margin: 10px 0;   padding: 10px 20px;   background: cornflowerblue;   ...
... следующий код: <div class="container" style="background: skyblue">   <h1>фиксированный контейнер</h1> </div> <div class="container-fluid" style="background: yellow">   <h1>изменчивый ...
... иконок *{     margin: 0;     padding: 0; } body{     background: #000;     display: flex;     justify-content: center;     align-items: ...
... center;/*вертикальное выравнивание*/     height: 100vh;/*на всю высоту*/     background: #1c234a;/*цвет фона*/ } ul{     position: relative;/*относительное позиционирование*/ ...
... выравнивание*/     min-height: 100vh;/*на всю высоту экрана*/     background: #000;/*цвет фона*/     overflow: hidden;/*спрятать переполненность*/ ...
... линии-индикатора */     width: 0; /* нулевая ширина */     background: #d500f9; /* цвет линии */     bottom: -8px; /* позиция линии снизу */ ...
...     <canvas id="canvas" width="400" height="400" style="background-color:rgb(5, 33, 211)"></canvas>     <script>         // создаем объект холста (let canvas) из элемента холста html: ...
...             /* включить прокрутку, если необходимо */             background-color: rgba(0, 0, 0, 0.9);             /* черный цвет с прозрачностью */ ...
... 300px;/*ширина карточки*/     height: 400px;/*высота карточки*/     background: #fff;/*цвет карточки*/     z-index: calc(-1 * var(--i));/*формула для распределения ...
... выравнивание*/     min-height: 100vh;/*на всю высоту видимой области*/     background: #20152d;/*цвет фона*/ } .rating{     position: relative;/*относительное ...
...     padding: 20px;/*поля между текстом и краями белого блока*/     background: #fff;     opacity: 0;/*элемент полностью прозрачный*/     transition: ...
...     height: var(--button-size);     border-radius: 50%;     background: rgb(55, 160, 14);     color: rgb(255, 255, 255);     font-size: 2.5rem; ...
...   infobox.style.position = 'fixed';   infobox.style.padding = '10px';   infobox.style.backgroundcolor = 'white';   infobox.style.border = '1px solid black'; ...
...       margin-bottom: 5px;     }     .section-header {       background-color: #f1f1f1;       padding: 10px;       cursor: pointer; ...
... # создание текстовой метки в окне прилржения, для отображения цифровых знаков. цифры будут белыми на черном фоне lable = label(root, font=('aerial', 30), background='black', foreground='white') # функция отображения времени ...
...     justify-content: center;     align-items: center;     min-height: 100vh;     background: #ffeb3b;     overflow: hidden; } section .text{     position: absolute;/*абсолютное ...
... выравнивание*/     min-height: 100vh;/*на всю высоту экрана*/     background: #0091ea;/*цвет фона*/ } h1{     position: relative;/*относительное позиционирование*/ ...
...         th {             background-color: #f2f2f2;         }     </style> </head> ...
...     align-items: center;/*в центре по вертикали*/     overflow: hidden;     background: #222;/*цвет фона*/ } стилизация ссылок меню навигации. ...
... .circle-wrap .inside-circle {   width: 122px;   height: 122px;   border-radius: 50%;   background: #d2eaf1;   line-height: 120px;   text-align: center;   margin-top: 14px; ...
...     width: 100%; / * ширина секции * /     padding: 50px; / * поля * /     background: #111; / * цвет фона * / } section h2{     color: #fff; / * цвет шрифта * / ...
...         body {             background-color: #2962ff;             display: flex;             align-items: center; ...
...     min-width: 8px;     height: 120px;/*высота пара*/     background: #fff;/*цает пара*/     animation: animate 5s linear infinite;/*линейная бесконечная ...
... .posts__element {     display: flex;     flex-direction: column;     background-color: #fff;     flex-basis: 32%;     margin-bottom: 22px;     position: ...
...     align-items: center; / * заголовок в центре по вертикали * /     background: url(bg.jpg); / * установка фоновой картинки * / } h2{     position: relative; ...
... integrity="sha384-wskhasgfghywdcbwn70/dfybj47jz9qbsmid/irn3ewghxqfzcsftd1lzcfmhktb" crossorigin="anonymous">  <style>   form {    background-color: #f3f3f3;    padding: 20px;    margin: 20px;    }  </style> ...
... внимание, как мало написано кода. *{   margin: 0;   padding: 0; } body {   background-color: #fff;   font-family: "open sans", sans serif;   line-height: 1.5; } .header {   border: ...
... {   .menu {     display: none; /* пункты меню скрыты */     background: #f1f2f4;     position: absolute;   }   .menu li {     float: ...
... .menu {     position: relative; } в медиа-запросе: .menu {     background: #eee;     position: absolute;   } после этого, гамбургер меню ...
... p {     line-height: 20px; } button {     margin-top: 30px;     background-color: #00bef1;     border-radius: 50px;     padding: 15px 35px;     color: ...
... требует добавления префикса "-webkit-". css код целиком: #img-wrap {    background: #ccc;    margin: 40px auto;    width: 780px;    height: 270px;    padding: ...
... (position: relative). position: absolute; top: 100%; left: 0; время анимации и цвет линии. background: #cddc39; transition: .5s; } hover эффект плавного подчеркивания ссылок ...
... и скругляем его углы на 50% - получаем фигуру круга. .pulse {     background: #4fbaea;     border-radius: 50%;     width: 100px;     height: ...
... .menu-trigger {     display:none;     margin-right: 1.5em;     background: #d56287;     color: #fff;     padding: 5px;     cursor: ...
... курсора. .box ul li {     width: 40px;     height: 40px;     background: #fff;     border: solid 4px #ea86c6; } отобразим список в строку: ...
... темного цвета, размером 20 пикселей на красном фоне. color: #131313; font-size: 20px; background: #f44336; во втором псевдоклассе, надо задать только поля. ul li a ...
... состоянии форма спрятана - width: 0%. .input{     border: 0;     background: transparent;     width: 0%; } задаем белый цвет - color и размеры ...
... зелёный" цвет фона. эти строчки кода я заменил на свои стили. $output_css.= "background-color:#cccccc;\r\n";   $output_css.= "font-size:30px;\r\n";   $output_css.= "font-family:arial;\r\n"; ...
... charset="utf-8">   <title>nodejs website</title>   <style>    body {     background: skyblue;     font-family: verdana;     color: #fff;     padding: 30px; ...
... для ссылок в документе, так и для ссылок в документе css:  .main {    background-image: url('data:image/png;base64,ivborw0kggoaa...');   } безопасность в data ...
... второй шрифт запасной. font-family: 'lato', sans-serif; зададим цвет фона. background: #435a4b; стилизация ссылок меню навигации nav устанавливаем relative ...
... которая полностью заполнила блок с классом .box, благодаря свойству: background-size: cover; сам же текст держится посередине, поскольку он находится ...
... основными способами: посредством тега html <img> и с помощью css свойства background-image. поэтому мы сначала посмотрим на пример с тегом, а потом перейдем ...
... рамки. .btn {   border: 2px solid black; /* толщина, стиль и цвет рамки */   background-color: #fff; /* цвет фона */   color: #000;   padding: 12px 26px;   cursor: ...
... цвет фона. таким образом, таблица будет полосатой. tr:nth-child(even){   background-color: #f0f4c3 } на каком бы вы этапе изучения сайто-строительства ...
... button {   border: none;   outline: 0;   padding: 10px;   color: #fff;   background-color: #f44336;   text-align: center;   cursor: pointer;   width: 100%;   font-size: ...
... нарисовал иконки, что наиболее вероятно. ul {   list-style: none; } ul li {   background: url(images/icon_star.gif) no-repeat 0 5px; } в стилях, иконки нужно вставлять, как ...
... одинаковые?" .b1, .b2, .b3 {     width: 36px;     height: 5px;     background-color: #000;     margin: 5px 0;     transition: 0.3s; } ответ кроется ...
...   z-index: 1; // сайдбар выше main колонки   top: 0;   left: 0;   background-color: #673ab7;   overflow-x: hidden;   padding-top: 16px; // отступ сверху окна ...
... блоку-родителю. .block {     width: 250px;     height: 300px;     background-color: red;     position: relative; исходные размеры картинки-иконки ...
... рекламный блок */ .etsy{     width:250px;     height:250px;     background:url(images/etsy.jpg); /* путь к баннеру */ } внизу, под статьей появился рекламный ...
... поменяйте что-нибудь. например, задайте новый цвет заднего фона: body   background-color: #555 теперь, после того, как вы сохраните файл, в консоли появится ...
... нужно для адаптивности. .container {   width: 75%;   border: 2px solid #ccc;   background-color: #eee;   border-radius: 5px; /* скругление углов блока */   padding: ...
... структура написана. можно перейти к файлу style.css .box {   position: relative;   background: #edeff0;   width: 180px;   height: 180px;   padding: 20px;   border-radius: 5px;   border-bottom: ...
... span {  position: absolute;  display: block;  left: 10px;  top: 25px;  border: solid 1px #000000;  background: #ffffff;  color: #000000;  white-space: pre;  padding: 2px;}</style></head><body>одним ...
... является ключевым, то есть он будет затемнять. привожу css-код: #tb_overlay {   background-color: #000; /* чёрный фон */   height: 100%; /* высота максимальна */   left: ...
... создаём код пустой html-страницы */     ihtml = "<html><head></head><body style='background-color: yellow;'></body></html>";     idoc.open(); // открываем фрейм     ...
... u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {   background: transparent;   border: 0;   font-size: 100%;   margin: 0;   outline: 0;   padding: 0; ...
... id="content">контент</div> <div id="top">наверх</div> перейдём к стилям: #content {   background-color: #ff0;   height: 3000px; } #top {   bottom: 0;   cursor: pointer;   display: none;   ...
... вид кнопки через css. например, это можно сделать так: input[type="submit"] {   background: url("images/button.png") no-repeat;   border: none;   cursor: pointer;   height: 40px;   width: ...
... выравнивание по-середине - это и есть вертикальное выравнивание): ul li {   background: url("marker.png") no-repeat left center; } вот и всё. проще, на мой взгляд, некуда, ...
... function(e) {     e.preventdefault();     document.getelementsbytagname('body')[0].style.background=green;    }, false);   </script> </body> </html> как видно из примера, ...
... data-name="myname"></div> <style>   div[data-name=myname] {    width: 100px;    height: 100px;    background: green;   } </style> но обычно его используют для хранения какой-то ...
... 100%;   max-width: 600px;   text-align: center;   margin: 0 auto; } input {   padding: 10px;   background-color: #fff;   border: 1px solid #ccc;   margin: 0; } input[type="url"] {   width: 300px; } ...
... ненумерованный список, где будут выводиться имена загруженных файлов. css body {   background: rgba(211,211,100, .5);   font: 20px arial; } .dropzone {   width: 300px;   height: 300px;   ...
...   height: 100%;   width: 100%; } .wrapper {   padding: 20px;   height: auto; } footer {   background: slategrey;   display: table-row;   height: 1px; } все. теперь добавьте в первый ...
... .pipe(gulp.dest('app/css')); }); теперь создадим в app/sass файл main.sass с таким содержанием: body   background-color: #777 если вы теперь выполните команду: gulp sass то в папке app/css ...
... margin: 0;   list-style-type: none; } .accordion-header {   display: block;   padding: 15px 20px;   background: #bbb;   color: #fff;   text-decoration: none;   font-size: 1.2em;   text-transform: uppercase; ...
... текст</p>   </div> </body> </html> но и css код не сложнее body {   background: #222;   color: #131313;   font-size: 200px; } .wrapper p {   text-align: center;   text-transform: ...
... несколько опций. piecon.setoptions({   color: '#ff0084', // цвет круговой диаграммы   background: '#bbb', // цвет фона диаграммы   shadow: '#fff', // цвет внешнего ...
... <div class="box"></div> зададим ему какие-нибудь базовые стили .box {   background: cornflowerblue;   height: 100px;   width: 100px;   margin: 50px auto; } теперь, если ...
... добавим немного стилей .alert {   width: 100%;   width: calc(100% - 100px);   margin: 0 auto;   background: tomato;   color: #fff;   padding: 20px;   box-sizing: border-box; } таким образом ...
... подключаем файл стилей и файл javascript. теперь перейдем к css. .booth {   width: 400px;   background: #ccc;   border: 10px solid #ddd;   margin: 0 auto; } и, конечно, самое главное - ...
... заметить некоторые артефакты. решить эту проблему для ie просто. .logo {   background: none;   filter: progid:dximagetransform.microsoft.alphaimageloader(src="/path/to/logo.png",sizingmethod="scale"); ...
... 0 10px;   text-decoration: none;   text-align: center;   padding: 15px 25px;   font-size: 1rem;   background-color: #009eff;   vertical-align: middle;   color: #fff;   border-radius: 5px; } button:after, ...
... задавать глобальные стили. body {   font-family: $body-font-family;   font-size: $body-font-size;   background-color: $body-bg-color;   color: $body-text-color;   line-height: $body-line-height;   margin: 0; } ...
... label, .cd-accordion-menu a {   position: relative;   display: block;   padding: 18px 18px 18px 64px;   background: #4d5158;   box-shadow: inset 0 -1px #555960;   color: #ffffff;   font-size: 1.6rem; } заметьте, ...
... packages, откройте папку colorsublime-themes, а затем facebook.tmtheme. здесь измените цвет для background с #252b39 на #263238. другие настройки вы можете изменить сами, как вам ...
... добавьте стили к правильному вложенному в div элементу. .ball-grid-pulse > div {   background: orange; } поддержка браузеров ie11 firefox 36 chrome 41 safari 8 заключение ...
...   perspective: 600px; } .panel {   width: 100%;   height: 100%;   background: hsla(0, 100%, 50%, 0.7);   line-height: 200px;   color: white; ...
... различных эффектов и стилизуем его. <div id="test"></div> #test {     background:#bdfa02;     height:100px;     width:200px;     position:absolute; ...
... стили для шапки */ body {   font-family: 'forum', cursive;   color: #777;   background-color: #fff; } инфоблоки встанут в ряд благодаря display: flex. свойство space-around ...
... body {     font-family: sans-serif;     font-weight: 700;     background-color: yellow; } form div {     margin: 12px; } form button {     margin-top: ...
... class="area">бросай</div> // css .elem {     width: 150px;     height: 150px;     background: plum;     margin: 40px auto;     text-align: center;     line-height: ...
... ./components/sortabletable/sortable-table.css th {     cursor: pointer;     background-color: rgb(4, 4, 92);     color: white !important; } th i { ...
...             <div class="col-md-2 bg-dark pt-0 pl-1 pr-1" style="background: #173a5c !important;">                 <div class="text-center"> ...
...         body {             background-color: azure;         }     </style>   </head> ...
...     width: 100px;     height: 100px;     margin: 5px;     background: blueviolet; } мы видим, что дочерний блок прижат к левому краю родительского ...
... class="element"></div> // css .element {     width: 150px;     height: 150px;     background-color: powderblue;     border-style: solid; /* стиль рамки в виде сплошной ...
... // css код .box {     width: 200px;     height: 150px;     background-color: blue; } получим элемент box для манипуляций через метод ...
... css код зададим общие стили для серой секции. .section-brand {     background-color: #ededed; / * серый цвет фона * /     padding: 80px 0; / * отступы по ...
... .form_section {     padding: 30px 0; / * отступы сверху и снизу * /     background-color: #96532c; / * цвет фона секции * / } .form_section form {     grid-gap: ...
... клик пользователя (например менять текст на ней)? #mybtn {     background-color: #9c27b0;     color: white;     padding: 20px;     font-size: ...
...     font-size: 20px;     font-weight: 500; } #countdown {     background-color: #9c27b0;     color: white;     font-size: 30px;     font-weight: ...
...         self.screen = pygame.display.set_mode((800, 600))         self.background = load_sprite("space", false)         self.spaceship = spaceship((400, 300)) ...
...     width: 100px;     height: 100px;     border: 2px solid bisque;     background-color: beige;     margin-left: 20px;     margin-bottom: 20px; для ...
...     width: 600px;     height: 300px;     margin: 40px;     background-image: url(grid.png); } // получение элемента canvas, контекста и свойства math.pi ...
...     width: 600px;     height: 300px;     margin: 40px;     background-image: url(grid.png); } квадратичная кривая состоит из координат начальной ...
...     width: 600px;     height: 300px;     margin: 40px;     background-image: url(grid.png); } рисование квадрата занесем x координату со ...
... } .container {     text-align: center;     height: 60px;     background: yellow;     border: 3px solid black;     padding: 0 50px; /* отступы ...
...    h2 {     font-size: 1.8rem; } body {        background-color: #000;          } и конечно, куда без html: ...
... текста на кнопке */     font-size: 30px; /* размер шрифта */     background-color: #ad1ca1; /* цвет кнопки */     padding: 30px 60px; /* расстояние от ...
... width='150' height='75'/>     </svg> </div> //css body {     background-color: #f5f5f5; /* цвет фона страницы */     font-family: sans-serif; /* название ...
...   font-size: 18px;   font-family: "helvetica neue", sans-serif;   background-color: #010a01; }   h1, h2 {   text-align: center;   text-transform: uppercase; ...
... png иконку меняется цвет фона, а не самой иконки. img:hover {     background-color: darkorange;     cursor: pointer; } посмотрите пример на ...
...     box-sizing: border-box;     font-family: 'poppins', sans-serif; } body {     background: #262626; } section {     position: relative;     width: 100%;     height: ...
... input:checked ~ span {     border: 1px solid #1b5e20; / * стили обводки * /     background: #1b5e20; / * цвет фона * / } 11) при клике галочки меняют цвет ...
... толщина черты */   margin: 30px auto; /* отступы относительно родителя */   background-color: #f38181;/* цвет черты */ } /* параграф с текстом */ .section_text {   font-size: ...
...     height: 30px;     width: 206px;     /* цвет фона */     background-color: red;     /* текст по центру */     text-align: center; ...
...     margin: 0; } .particles {     width: 100%;     height: 100vh;     background-color: rgb(53, 154, 248); } 5) выбираете на сайте плагина нужный вариант ...
... контейнера     padding: 50px; // отступы от края со всех сторон     background-color: rgba(22, 70, 202, 0.7); // цвет фона     transition: transform 0.4s ease-in; // плавное ...
... навигации */ .header {     padding: 20px 0;     width: 100%;     background-color: #eb8b8d;     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);     position: ...
... сервисом можно обойтись без картинки. генератор фона http://bg.siteorigin.com/ background image generator позволяет сгенерировать маленькие безшовные текстуры, ...
... none; /* без рамки */     border-radius: 50%; /* фигура круга */     background: #ff0000;/* цвет фона */     z-index: 100; /* поверх остальных элементов ...
... .booking_form input[type=submit] {     width: 120px;     height: 45px;     background: #607d8b;     color: #fff;     font-family: 'roboto condensed'; ...
... прописываете его в стилях. цвет фона у фиолетового блока. .block_violet {   background-color: #5d257c; /* блок с фиолетовым фоном */ } отступы для замера расстояния ...
... // фоновый цвет страницы $bgсolor = '#ff0000'; ?> body {     background: <?=$bgcolor ?>; } таким образом, можно динамически менять ...
...     </div>   </div> </div> css код .statistics {     background-color: #5d1900; } .container {     width: 100%;     padding: 0 15px;     margin: ...
... it</button> <script> document.getelementbyid("button").addeventlistener("click", function(){     this.style.backgroundcolor = "black"; }); </script> язык javascript - это целый мир, где можно каждый ...
...     border-radius: 25px;     border: 1px solid rgba(255, 255, 255, .3);     background-color: transparent;     font-size: 12px;     text-align: center;     color: ...
... получаете код. вставляете полученный код, в css стили. img { width: 100%; display: block; background-image:url ("data:image/gif;base64,r0lgodlhbgaiaiabaotk5p///yh5baeaaaealaaaaaagaagaaailhin2cpjvwjbpvqiaow==") } ...
... вставляете, как картинку. <img src="facebook.svg" alt="facebook"> // через html файл .header { background: url(facebook.svg) no-repeat; } // через css файл с поддержкой интерактивности ...
...         }).onstop(() => { //                tag.parentelement.style.backgroundcolor="#f00";              tag.parentelement.style.color = "#fff"; ...
... <style>   body { margin: 0; font-family: sans-serif; }   header { background: #f4f4f4; padding: 1em; } </style> 4. избегайте асинхронной подгрузки ...
...     <script type="text/javascript" src="html2csv.js" ></script> </head> <body>     <table id="table2csv" border="1"  style="background-color:#ffffcc" width="0%" cellpadding="3" cellspacing="3">         <tr> ...
...     padding: 10px;     border: 1px solid #cbbdbd; } tr:nth-child(even){     background-color: #f0f4c3 } адаптируем таблицу при уменьшении размеров экрана, ...
...     height: 150px;     display: block;     margin: 50px auto;     background-color: #f88bca;     box-shadow: 10px 10px 15px rgba(235, 230, 230, 0.5); } пример ...
... btn.addeventlistener('click', function(event){     let bg = event.target;     bg.style.background = 'red'; }); узнаем координаты мыши при клике по блоку. <div>узнать ...
... let box = document.queryselectorall('.box'); box.foreach(function(item, i, boxes){     item.style.backgroundcolor = 'pink'; }); console.log(box); делаем проверку в консоли. у нас вывелся ...
... свойства блока .box {     width: 120px;     height: 120px;     background: #ea78e5;     position: absolute;     top: 50px;     left: ...
... на другую строку */     color: #fff; /* цвет подсказки */     background-color: #412917; /* цвет контейнера */     border-left: 8px solid #d37092; /* красная ...
...       }     }     &_active {       background-color: #26b83a;       color: #fff;       box-shadow: ...
... {     display: inline-block; /* строчно-блочный элемент */     background: #d81b6b; /* красный цвет фона */     color: #fff; /* белый цвет текста ...
...     width: 200px;     height: 200px;     border-radius: 10px;     background-color: #d42929;     position: absolute;     top: 0;     left: ...
...         margin-bottom: 30px;         padding-right: 10px;         background: #fff;         color: #ccc;     } как видите ...
...     height: 82.1%;     top: 2.4%;     left: 1.8%;     background: #000; } демонстрация работы видеоплеера если вам интересно ...
в javascript часто требуется сгенерировать случайное число. например, чтобы нарисовать звезду в ночном небе или анимировать хаотические аттракторы. ...
регистрация доменовдомен ru - 99 рубдомен com - 350 рубзарегистрируй себе домен!имя: зона: rusucomnetorginfobiznamemobitv2domains.ruесли вы читаете эти строки, значит, ...
существует несколько различных вариантов представления цвета.вот их список:rgb - red green blue (красный зелёный синий)hsl - hue saturation lightness (тон насыщенность ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...