Жаңыдан баштагандар үчүн HTML жана CSS окуу куралы
HTML негиздери
Киришүү
HTML тили
HTML тегдер
Атрибуттар
Стилдер
Башкы барактын түзүлүшү
Негизги тегдер
Абзацтар
Аталыштар
Текстти жирный (коюу) кылуу
Текстти курсив (жантык) кылуу
Иреттелбеген тизмелер
Иреттелген тизмелер
Шилтемелер
Ички шилтемелер
Сүрөттөр
Сүрөттүн туурасы
Сүрөттүн бийиктиги
Сүрөттүн туурасын жана бийиктигин коюу
Таблицалар
Таблицанын туурасы жана бийиктиги
Аталыш уячалар
Практикум
CSSтин негиздери
CSSке киришүү
CSS менен кантип иштөө керек
Түс үчүн маанилер
Кандайдыр бир түстөр
Туурасы жана бийиктиги
Текстти тегиздөө
Текстти оңго тегиздөө
Текстти борборго тегиздөө
Текстти солго тегиздөө
Текстти бир эле учурда оңго жана солго тегиздөө
Текстти тегиздөө боюнча практика
Калыңдык
Курсив
Шрифттин көлөмү
Шрифттин үй-бүлөсү
Саптар аралык интервал
Өлчөм бирдиктерисиз line-height мааниси
font кыскартылган касиети
Тексттин кызыл сабы
Текст эффекттери
Тексттин төмөнкү сызыкчасы
Тексттин жогорку сызыкчасы
Текстти сызып өтүү
Текст үчүн эффекттерди жокко чыгаруу
Практикум
Селекторлор
Тегдердин туугандык байланыштары
Касиеттердин мурастоосу
Селекторлорду топтоо
Жалпы касиеттер
Тукум селекторлору
Кыз селектору
Класс селектору
Span теги
Div теги
Класстарды топтоо
Белгиленген класстагы тег
Тукум селектору жана класстар
Тукум селектору жана класстардын татаал айкалыштары
Тукум селекторундагы жаңы баштагандардын катасы
Бир нече класстагы элемент
ID боюнча селектор
ID боюнча селектор жана класстар
ID колдонуу
Бир нече класстар боюнча селектор
Бир нече селекторлор бирге
Бир нече селекторлор катасы
Татаал селекторлорду топтоо
Топтоодо ката кетирүү
Селекторлордун айкалыштары боюнча машыгуу
Селекторлордун приоритети
Касиеттердин кагылышуусуна эскертүү
Спецификалык эрежелери
Тукум селекторлорунун приоритети
Куршоо селектору
Тууган селектору
Универсалдуу селектор
Атрибут селекторлору
Шилтемелердин абалдары
Шилтеме абалдарынын ырааттуулугунун нюанстары
Link жана visited абалдары
Шилтеме абалдарын кадимки колдонуу
Шилтемелер менен татаал селекторлор
Класстагы шилтеме
Аяк элементтерди тандоо
Позиция боюнча тандоо
Жалгыз тукумду тандоо
Бош элементтерди тандоо
Позиция жана элементтердин түрү боюнча тандоо
Терс not
Көрүнүш
Фондун түсү
Чектер менен иштөөнүн негиздери
Катик чек
Чекиттүү чек
Тире түрүндөгү чек
Дөбөчө чек
Кош чек
Чек үчүн кыскартылган касиет
Ар каптал үчүн чектер
Блоктун чектерин тегүү
Фондун чектерин тегүү
Тегерек түзүү
Ар кандай бурчтар үчүн тегүү
Төрт маани
Эки маани
Үч маани
Пайыздарда тегүү
Пайыздарда тегүү менен тегерек түзүү
Фон үчүн сүрөт
Фон сүрөтүн кайталоо
Фон үчүн башка касиеттер
ul тизмелеринин маркерлери
ul тизмелеринин төрт бурчтуу маркерлери
ul тизмелеринин тегерекче түрүндөгү маркерлери
ul тизмелеринин боёлгон тегерекче түрүндөгү маркерлери
ul тизмелеринин маркерлеринин жоктугу
ol тизмелеринин маркерлери
ol тизмелери үчүн кичине рим сандары
ol тизмелери үчүн чоң рим сандары
ol тизмелери үчүн кичине латын тамгалары
ol тизмелери үчүн чоң латын тамгалары
ol тизмелери үчүн кичине грек тамгалары
ol тизмелери үчүн алдындагы нөлдүү сандар
Блоктук модел
Тышкы отступ margin
Ар капталга margin отступтору
margin'де бир нече маани
margin'де төрт маани
margin'де эки маани
margin'де үч маани
Ички отступ padding
Ар капталга padding отступтору
padding'де бир нече маани
Элементтердин кеңейиши
Чектеринин элементтердин кеңейишине таасири
padding жана чектердин элементтердин кеңейишине биргелешкен таасири
Элементтердин кеңейишин жокко чыгаруу
Блоктук элементтер
Блоктук элементтин туурасы жана бийиктиги
Блоктук элементтин туурасы
Блоктук элементтин бийиктиги
Мазмуну жок болгондо бийиктик
Жанында бир нече блоктук элемент
Саптык элементтер
Саптык элементтин туурасы жана бийиктиги
Жанында бир нече саптык элемент
Саптык элементтердин ортосундагы отступтор
Блоктук моделдин аныктамасы
display касиети
Саптык-блоктук элементтер
Саптык-блоктук элементтин туурасы жана бийиктиги
Саптык-блоктук элементтин туурасы
Саптык-блоктук элементтин бийиктиги
Жанында бир нече саптык-блоктук элемент
Блоктук элементтерди тегиздөө
Сол жагынан отступ менен блоктук элементти тегиздөө
Оң жагынан отступ менен блоктук элементти тегиздөө
Саптык элементтерди тегиздөө
Саптык элементтерди борборлоо
Бир нече саптык элементти борборлоо
Саптык элементтерди оң жакка тегиздөө
Саптык-блоктук элементтерди тегиздөө
Саптык-блоктук элементтерди борборлоо
Саптык-блоктук элементтерди оң жакка тегиздөө
Флекс элементтер
Флекс элементтердин ата-энесинин бийиктиги
Флекс элементтердин ата-энесинин туурасы
Саптык-блоктук ата-эне
Ата-энесинин padding отступтору
Туугандарына margin отступтору
Флекс элементтерди тегиздөө
Флекс элементтерди борборго тегиздөө
Флекс элементтерди ата-энеси боюнча тегиздөө
Флекс элементтерди ата-энеси боюнча отступтор менен тегиздөө
Флекс элементтерди ата-энеси боюнча барабар отступтор менен тегиздөө
Позиционирование
Абсолюттук
Салыштырмалуу
Ата-энеге салыштырмалуу абсолюттук
Абсолюттукка салыштырмалуу абсолюттук
Координатсыз абсолюттук
absolute аркылуу борборлоо
absolute терс маанилери
Бекемделген позиционирование
Бүт экран туурасындагы блок
Z огу боюнча элементтерди каптоо
Z огу боюнча элементтерди каптоону жөнгө салуу
z-index терс маанисин колдонуунун нуанстары
Float-тар
Float касиетине киришүү
Float касиети жана тегдер
Float жана margin биригүүсү
Float жана padding биригүүсү
Тегдердин астындагы сүзүп жүргөн элементтер
Float-тардын ата-энесине таасири
Float-тардын ата-энесинин бийиктиги
Float-тардын ата-энесиндеги текст
Орап алуу
Орап алууну жокко чыгаруу
Clearfix менен бөлүнкүн div
Ата-эненин бийиктиги жана clearfix
Блоктор үчүн float касиети
Float касиети жана бир нече блок
Float касиети жана текстсиз ата-эне
Флекстер
Катар же тизмек боюнча орнотуу
Флекс элементтерин тескери катарда орнотуу
Флекс элементтерин тизмекке орнотуу
Флекс элементтери бар тизмекти тескери салуу
Негизги жана кесилген октор
Негизги ок боюнча тегиздөө
Кесилген ок боюнча тегиздөө
align-items касиетинин center мааниси
Блоктордун бийиктигисиз борбордоо
Ар кандай бийиктиктеги блокторду борбордоо
align-items касиетинин stretch мааниси
Октор боюнча тегиздөө боюнча практика
Жеке элементти тегиздөө
Флекс блокторунун ирети
Блокторду көп саптуу жайгаштыруу
align-content
Гриддер
Гриддерге киришүү
Тректер жана сызыктар
Отладчикте көрсөтүү
Тикмелер
Fr бирдиги
Бөлчөк fr
Пикселдер жана fr
Пайыздар жана fr
Repeat функциясы
Auto мааниси
auto-fill мааниси
minmax функциясы
auto-fit мааниси
Катарлар
Катарлар жана тикмелер үчүн кыскартуу
Катарларды бириктирүү
Тикмелерди бириктирүү
Бириктирүүлөрдүн айкалыштары
Тикмелердин үстүнө жабышуусу
Тикмелердин ортосундагы аралык
Катарлардын ортосундагы аралык
Тикмелер менен катарлардын ортосундагы аралык
Плитка
Макеттер
Меню түзүү
Сайттардын жөнөкөй бир колонкалуу макеттери
Бир нече врапперлүү макеттер схемасы
Сайттын структуралык блоктору
Эки колонкалуу макеттин схемасы
Үч колонкалуу сайт макеттеринин схемасы
Сайт макети элементтери үчүн атайын тегдер
Макеттин негизги тегдери
Бөлүмдөр үчүн тег
Макеттер боюнча практика
