Падручнік HTML і CSS для пачаткоўцаў
Просты падручнік па верстцы на мовах HTML і CSS для пачаткоўцаў з падрабязнай тэорыяй і задачнікам.
Асновы HTML
001
Мовы для стварэння сайта
002Мова HTML
003HTML тэгі
004Атрыбуты ў HTML тэгах
005Стылі HTML тэгаў
006Асноўная структура старонкі HTML
007Работа з асноўнымі HTML тэгамі
008Тэгі для абзацаў
009Тэгі для загалоўкаў старонкі
010Тэгі для вылучэння тэксту тлустым
011Тэгі для вылучэння тэксту курсівам
012Неўпарадкаваныя спісы ў HTML
013Упарадкаваныя спісы ў HTML
014Работа са спасылкамі ў HTML
015Унутраныя спасылкі ў HTML
016Работа з выявамі ў HTML
017Шырыня выявы ў HTML
018Вышыня выявы ў HTML
019Шырыня і вышыня выявы ў HTML
020Работа з табліцамі ў HTML
021Шырыня і вышыня табліцы ў HTML
022Ячэйкі-загалоўкі ў табліцы ў HTML
023Практыка на асноўныя HTML тэгі
Асновы CSS
024
Асновы работы з мовай CSS
025Як працаваць з CSS
026Ключавыя словы для колеру ў CSS
027Любыя колеры ў CSS
028Шырыня і вышыня элементаў у CSS
029Выраўноўванне тэксту ў CSS
030Выраўноўванне тэксту направа ў CSS
031Выраўноўванне тэксту па цэнтры ў CSS
032Выраўноўванне тэксту ўлева ў CSS
033Выраўноўванне тэксту адначасова направа і налева ў CSS
034Практыка на выраўноўванне тэксту ў CSS
035Тлушчасць тэксту ў CSS
036Курсіў у CSS
037Памер шрыфту ў CSS
038Тып шрыфту ў CSS
039Міжрадковы інтэрвал у CSS
040Значэнне line-height без адзінак у CSS
041Уласцівасць-скарачэнне font у CSS
042Чырвоны радок тэксту ў CSS
043Эфекты тэксту ў CSS
044Ніжняе падкрэсліванне тэксту ў CSS
045Верхнее падкрэсленне тэксту ў CSS
046Перакрэсліванне тэксту ў CSS
047Адмена эфектаў для тэксту ў CSS
048Практыка на асноўныя CSS уласцівасці
Селектары
049
Сваяцкія сувязі тэгаў у HTML
050Наследаванне CSS уласцівасцей
051Групоўка селектараў у CSS
052Агульныя ўласцівасці пры групоўцы селектараў у CSS
053Селектар нашчадкаў у CSS
054Дзіцячы селектар у CSS
055Класы элементаў у CSS
056Тэг span для кавалкаў тэксту ў HTML
057Тэг div для групавання тэгаў у HTML
058Групоўка класаў у CSS
059Тэг з зададзеным класам у CSS
060Селектар нашчадкаў і класы ў CSS
061Складаныя камбінацыі селектара нашчадкаў і класаў у CSS
062Памылка пачаткоўцаў у селектары нашчадкаў
063Элемент з некалькімі CSS класамі
064Выбар элемента па ўнікальному id у CSS
065Селектар па id і CSS класы
066Выкарыстанне id у CSS
067Выбар элемента па некалькіх класах у CSS
068Некалькі селектараў злітна ў CSS
069Памылка пры выкарыстанні некалькіх CSS селектараў
070Групоўка складаных селектараў у CSS
071Памылка пры групоўцы складаных CSS селектараў
072Практыка на камбінацыі CSS селектараў
073Прыярытэт селектараў CSS
074Заўвага да канфлікту ўласцівасцей CSS
075Правілы спецыфічнасці ў CSS
076Прыярытэт селектараў нашчадкаў у CSS
077Суседні селектар у CSS
078Роднасны селектар у CSS
079Універсальны селектар у CSS
080Селектары атрыбутаў у CSS
081Станы спасылаў у CSS
082Нюансы паслядоўнасці стану спасылак у CSS
083Станы спасылак link і visited у CSS
084Звычайнае выкарыстанне стану спасылак у CSS
085Складаныя селектары з станамі спасылак у CSS
086Спасылка з класам у CSS
087Выбар канцавых элементаў у CSS
088Выбарка па пазіцыі элементаў у CSS
089Выбарка адзінарнага нашчадка ў CSS
090Выбарка пустых элементаў у CSS
091Выбарка па пазіцыі і тыпу элементаў у CSS
092Селектар адмаўлення ў CSS
Афармленне
093
Устаноўка фонавага колеру ў CSS
094Асновы працы з межамі ў CSS
095Суцэльная мяжа ў CSS
096Кропкавая мяжа ў CSS
097Мяжа ў выглядзе злучкоў у CSS
098Выпуклая мяжа ў CSS
099Падвойная мяжа ў CSS
100Уласцівасць-скарачэнне для мяжы ў CSS
101Межа для асобных бакоў у CSS
102Скругленне межаў блока ў CSS
103Скругленне межаў фону ў CSS
104Стварэнне круга ў CSS
105Розныя скругленні для розных кутоў CSS
106Чатыры значэння скруглення для розных кутоў CSS
107Два значэнні скруглення для розных кутоў CSS
108Тры значэнні скруглення для розных кутоў у CSS
109Скругленыя куты ў працэнтах у CSS
110Стварэнне круга пры скругленні ў працэнтах у CSS
111Карцінка для фону ў CSS
112Паўтарэнне карцінкі фону ў CSS
113Іншыя ўласцівасці для фону ў CSS
114Работа з маркерамі спісаў ul у CSS
115Квадратныя маркеры спісаў ul у CSS
116Маркеры спісаў ul у выглядзе кружкоў у CSS
117Праца з маркерамі спісаў ul у CSS
118Адсутнасць маркераў спісаў ul у CSS
119Работа з маркерамі спісаў ol у CSS
120Радковыя рымскія лічбы для спісаў ol у CSS
121Загалоўныя рымскія лічбы для спісаў ol у CSS
122Строчныя лацінскія літары для спісаў ol у CSS
123Загалоўныя лацінскія літары для спісаў ol у CSS
124Строчныя грэчыя літары для спісаў ol у CSS
125Лікі з нулем наперадзе для спісаў ol у CSS
Блакавая мадэль
126
Праца з водступамі margin у CSS
127Водступы margin для розных бакоў у CSS
128Некалькі значэнняў у ўласцівасці margin у CSS
129Чатыры значэнні ў уласцівасці margin у CSS
130Два значэння ў уласцівасці margin у CSS
131Тры значэнні ў уласцівасці margin у CSS
132Праца з водступамі padding у CSS
133Водступы padding для розных бакоў у CSS
134Некалькі значэнняў у ўласцівасці padding у CSS
135Праца з водступамі padding у CSS
136Уплыў мяжы на пашырэнне элементаў у CSS
137Уплыў padding і мяжы на пашырэнне элементаў у CSS
138Адмена пашырэння элементаў у CSS
139Асаблівасці блачных элементаў у CSS
140Шырыня і вышыня блачнага элемента ў CSS
141Шырыня блачнага элемента ў CSS
142Вышыня блачнага элемента ў CSS
143Вышыня блачнага элемента без змесціва ў CSS
144Некалькі блачных элементаў побач у CSS
145Асаблівасці радковых элементаў у CSS
146Шырыня і вышыня радковага элемента ў CSS
147Некалькі радковых элементаў побач у CSS
148Водступы паміж радковымі элементамі ў CSS
149Вызначэнне блачнай мадэлі HTML тэгаў
150Работа са ўласцівасцю display у CSS
151Асаблівасці радкова-блачных элементаў у CSS
152Шырыня і вышыня радкова-блокавага элемента ў CSS
153Шырыня радкова-блачнага элемента ў CSS
154Вышыня радкова-блачнага элемента ў CSS
155Некалькі строчна-блочных элементаў побач у CSS
156Выраўноўванне блачных элементаў у CSS
157Выраўноўванне блачнага элемента з водступам злева ў CSS
158Выраўноўванне блачнага элемента з водступам справа ў CSS
159Выраўноўванне радковых элементаў у CSS
160Цэнтраванне радковых элементаў у CSS
161Цэнтраванне некалькіх радковых элементаў
162Выраўноўванне радковых элементаў па правым краі ў CSS
163Выраўноўванне будаўніча-блачных элементаў у CSS
164Цэнтраванне радкова-блачных элементаў у CSS
165Выраўноўванне буйна-блачных элементаў па правым краі ў CSS
166Флекс элементы ў CSS
167Вышыня бацькі флекс элементаў у CSS
168Шырыня бацькі флекс элементаў у CSS
169Радкова-блокавы бацька флекс элементаў у CSS
170Водступы padding бацькі флекс элементаў у CSS
171Водступы margin нашчадкам у CSS
172Выраўноўванне flex элементаў у CSS
173Выраўноўванне флекс элементаў па цэнтры ў CSS
174Выраўноўванне флекс элементаў па бацькоўскім элеменце ў CSS
175Выраўноўванне флекс элементаў па бацькоўскім элементе з адступамі
176Выраўноўванне флекс элементаў па бацькоўскім элеменце з роўнымі адступамі
Пазіцыянаванне
177
Абсалютнае пазіцыянаванне элементаў у CSS
178Адноснае пазіцыянаванне элементаў у CSS
179Пазіцыянаванне адносна бацькоўскага элемента ў CSS
180Пазіцыянаванне адносна абсалютнага бацькі ў CSS
181Абсалютнае пазіцыянаванне без каардынат у CSS
182Цэнтраванне праз абсалют у CSS
183Адмоўныя значэнні пры пазіцыянаванні ў CSS
184Фіксаванае пазіцыянаванне ў CSS
185Блок на ўсю шырыню экрана ў CSS
186Накладанне элементаў па восі Z у CSS
187Рэгуляванне накладання элементаў па восі Z у CSS
188Нюансы прымянення адмоўнага значэння z-index у CSS
Флоаты
189
Увядзенне ў уласцівасць float у CSS
190Пранікненне плаваючых элементаў праз тэгі ў CSS
191Спалучэнне float і margin у CSS
192Спалучэнне float і padding у CSS
193Плывучыя элементы пад тэгамі ў CSS
194Дзеянне флоатаў на бацькоўскі элемент у CSS
195Вышыня бацькі флоатаў у CSS
196Тэкст у бацьку флоатаў у CSS
197Абцяканне ў CSS
198Адмена абыцкання з дапамогай уласцівасці clear у CSS
199Асобальны дыў з кліарфіксам у CSS
200Клiарфікс і вышыня бацькі ў CSS
201Уласцівасць float для блокаў у CSS
202Уласцівасць float і некалькі блокаў у CSS
203Уласцівасць float і бацька без тэксту ў CSS
Флексы
204
Размяшчэнне флекс элементаў у рад ці калонку ў CSS
205Размяшчэнне флекс элементаў у перавернутым шэрагу ў CSS
206Размяшчэнне флекс элементаў у калонку ў CSS
207Пераварот калонкі з флекс элементамі ў CSS
208Галоўная і папярочная восі ў флекс блоках у CSS
209Выраўноўванне флекс элементаў па галоўнай восі ў CSS
210Выраўноўванне флекс блокаў па папярочнай восі ў CSS
211Значэнне center уласцівасці align-items у CSS
212Цэнтраванне без вышыні блокаў у CSS
213Цэнтраванне з розной вышынёй блокаў у CSS
214Значэнне stretch уласцівасці align-items у CSS
215Практыка на выраўноўванне па восях у CSS
216Выраўноўванне асобнага элемента ў flex мадэлі ў CSS
217Парадак flex блокаў у CSS
Грыды
218
Увядзенне ў CSS грідкі
219Трэкі і лініі ў CSS грідах
220Адлюстраванне грідаў у адладчыку браўзера
221Колькасць і шырыня слупкоў у CSS грідах
222Адзінка fr у CSS grыдах
223Дробныя адзінкі fr у CSS грідках
224Пікселі і адзінкі fr у CSS грідах
225Працэнты і адзінкі fr у CSS грыдах
226Функцыя repeat у CSS грідах
227Значэнне auto у CSS грідках
228Значэнне auto-fill у CSS грэдах
229Функцыя minmax у CSS грідках
230Значэнне auto-fit у CSS грідках
231Колькасць і шырыня радоў у CSS грідках
232Скарачэнне для радоў і слупкоў у CSS грідах
233Аб'яднанне шэрагаў у CSS грідках
234Аб'яднанне слупкоў у CSS grыдах
235Камбінацыі аб'яднанняў па радах і слупках у CSS грэдах
236Перакрыццё слупкоў у CSS грыдах
237Адлегласць паміж слупамі ў CSS grid-сетках
238Адлегласць паміж радамі ў CSS grydach
239Адлегласць паміж слупкамі і шэрагамі ў CSS грыдах
240Плітачка ў грід у CSS
Макеты
241