Учебник за HTML и CSS за почетнике

Основе HTML-а

Увод Језик HTML HTML ознаке Атрибути Стилови Основна структура странице Основне ознаке Пасуси Наслови Истицање текста подебљано Истицање текста курзивом Неуређене листе Уређене листе Везе Унутрашње везе Слике Ширина слике Висина слике Подешавање ширине и висине слике Табеле Ширина и висина табеле Ћелије-наслови Практикум

Основи CSS-а

Увод у CSS Како се ради са CSS-ом Вредности за боју Било које боје Ширина и висина Поравнање текста Поравнање текста удесно Поравнање текста по центру Поравнање текста улево Поравнање текста истовремено удесно и улево Вежба на поравнање текста Задебљаност Курзив Величина фонта Фамилија фонта Међуредни интервал Вредност line-height без јединица Скраћено својство font Увлачење прве линије текста Ефекти текста Подвлачење текста Надвлачење текста Прецртавање текста Поништавање ефеката за текст Практикум

Селектори

Роднинске везе тагова Наслеђивање својстава Груписање селектора Заједничка својства Селектори потомака Дочерни селектор Селектор класе Таг span Таг div Груписање класа Таг са задатом класом Селектор потомака и класе Сложене комбинације селектора потомака и класа Грешка почетника у селектору потомака Елемент са више класа Селектор по id Селектор по id и класе Коришћење id Селектор по више класа Несколько селектора заједно Грешка неколико селектора Груписање сложених селектора Грешка при груписању Тренинг на комбинације селектора Приоритет селектора Напомена о сукобу својстава Правила специфичности Приоритет селектора потомака Суседни селектор Родни селектор Универзални селектор Селектори атрибута Стања линкова Нијансе секвенце стања линкова Стања link и visited Уобичајено коришћење стања линкова Сложени селектори са линковима Линк са класом Одабир крајњих елемената Одабир по позицији Одабир јединог потомка Одабир празних елемената Одабир по позицији и типу елемената Негација not

Декорација

Боја позадине Основе рада са ивицама Пунa ивица Taчкaстa ивица Ивица у виду цртица Испупчена ивица Двoјнa ивица Скраћеница за ивицу Ивице за различите стране Заобљавање ивица блока Заобљавање ивица позадине Прављење круга Заобљавање за различите углове Четири вредности Две вредности Три вредности Заобљавање у процентима Прављење круга при заобљавању у процентима Слика за позадину Понављање слике позадине Друга својства за позадину Маркери листи ul Квадратни маркери листи ul Маркери листи ul у виду кружића Маркери листи ul у виду обојених кружића Одсуство маркера листи ul Маркери листи ol Малe римске цифре за листе ol Велике римске цифре за листе ol Малa латиничнa слова за листе ol Велика латиничнa слова за листе ol Малa грчкa слова за листе ol Бројеви са нулом испред за листе ol

Блок модел

Спољашњи одступ margin Одступи margin за различите стране Неколико вредности у margin Четири вредности у margin Две вредности у margin Три вредности у margin Унутрашњи одступ padding Одступи padding за различите стране Неколико вредности у padding Проширење елемената Утицај границе на проширење елемената Заједнички утицај padding и границе на проширење елемената Отказивање проширења елемената Блок елементи Ширина и висина блок елемента Ширина блок елемента Висина блок елемента Висина без садржаја Неколико блок елемената једно поред другог Инлајн елементи Ширина и висина инлајн елемента Неколико инлајн елемената једно поред другог Одступи између инлајн елемената Дефиниција блок модела Својство display Инлајн-блок елементи Ширина и висина инлајн-блок елемента Ширина инлајн-блок елемента Висина инлајн-блок елемента Неколико инлајн-блок елемената једно поред другог Поравнање блок елемената Поравнање блок елемента са одступом лево Поравнање блок елемента са одступом десно Поравнање инлајн елемената Центрирање инлајн елемената Центрирање неколико инлајн елемената Поравнање инлајн елемената уз десну ивицу Поравнање инлајн-блок елемената Центрирање инлајн-блок елемената Поравнање инлајн-блок елемената уз десну ивицу Флекс елементи Висина родитеља флекс елемената Ширина родитеља флекс елемената Инлајн-блок родитељ Одступи padding родитеља Одступи margin потомцима Поравнање флекс елемената Поравнање флекс елемената по центру Поравнање флекс елемената у односу на родитеља Поравнање флекс елемената у односу на родитеља са одступима Поравнање флекс елемената у односу на родитеља са једнаким одступима

Позиционирање

Апсолутно Релативно Апсолутно у односу на родитеља Апсолутно у односу на апсолут Апсолутно без координата Центрирање помоћу absolute Негативне вредности за absolute Фиксирано позиционирање Блок на целу ширину екрана Слагање елемената на Z оси Регулисање слагања елемената на Z оси Нијансе употребе негативне вредности за z-index

Флови

Увод у својство float Својство float и тагови Комбинација float и margin Комбинација float и padding Плутајући елементи под таговима Деловање флова на родитеља Висина родитеља флова Текст у родитељу флова Омотавање Поништавање омотавања Одвојени див са clearfix-ом Висина родитеља и clearfix Својство float за блокове Својство float и неколико блокова Својство float и родитељ без текста

Флексибилни распореди

Распоређивање у ред или колону Распоређивање флекс елемената у обрнутом реду Распоређивање флекс елемената у колону Обртање колоне са флекс елементима Главна и споредна оса Поравнавање по главној оси Поравнавање по споредној оси Вредност center својства align-items Центрирање без висине блокова Центрирање са различитим висинама блокова Вредност stretch својства align-items Пракса на поравнавање по осама Поравнавање појединачног елемента Редослед flex блокова

Гридови

Увод у гридове Траке и линије Приказ у дебагеру Колоне Јединица fr Разломљене fr Пиксели и fr Проценти и fr Функција repeat Вредност auto Вредност auto-fill Функција minmax Вредност auto-fit Редови Скраћеница за редове и колоне Спајање редова Спајање колона Комбинације спајања Преклапање колона Размак између колона Размак између редова Размак између колона и редова Плочице

Лајаути

Прављење менија Једноставни једностубачки лајаути сајтова Шема лајаута са више омотача Структурни блокови сајта Шема двостубачког лајаута Шема тростубачког лајаута сајта Посебне ознаке за елементе лајаута сајта Главне ознаке за лајаут Ознака за секције Практикум на лајаутима
↑
Српски▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Користимо колачиће за рад сајта, аналитику и персонализацију. Обрада података се врши у складу са Политиком приватности.
прихвати све подеси одбиј