WebReference
Time 2022-10-03 22:27:59Web Name: WebReference
WebSite: http://www.webref.ru
ID:339212
Keywords:
WebReferenceDescription:
Руководства по веб-технологиям
Руководство по тёмному режиму
Давайте изучим тёмный режим в контексте веб-сайтов. Мы рассмотрим разные варианты и подходы к реализации дизайна тёмного режима, а также связанные с ним технические аспекты. Попутно мы коснёмся и некоторых советов по дизайну.
Gulp для новичков
Когда речь заходит о веб-разработке, то инструмент Gulp помогает выполнять разные задачи и часто используется для следующего: запуск веб-сервера; автоматическая перезагрузка браузера при каждом сохранении файла; использование препроцессоров, таких как Sass или LESS; оптимизация CSS, JavaScript и изображений.
Руководство по Bootstrap 4
Bootstrap 4 капитально переработал Bootstrap 3 и многое поменял в его функционировании. Множество изменений было внесено в компоненты, таких как таблицы, формы, сетки, выпадающие списки, панели навигации и многое другое.
Руководство по флексбоксам
Флексбоксы (Flexbox, от flexible box— гибкие блоки) дают веб-разработчикам контроль над расположением элементов, их выравниванием и размерами внутри контейнера.
Руководство по JSON
JSON (JavaScript Object Notation, Нотация объектов JavaScript) — это человекочитаемый текстовый формат, который облегчает обмен данными между различными языками программирования.
Структурные псевдоклассы
Структурные псевдоклассы позволяют выбрать элементы, основываясь на их положении в дереве документа и отношении к другим элементам. К примеру, :first-child выбирает первый элемент в группе братских элементов, т.е., имеющих одного родителя.
Учебные курсы
Изучаем селекторы CSS
В данном видеокурсе вы узнаете, что такое стилевой селектор и познакомитесь с базовыми селекторами CSS:
селекторами элемента;классами;идентификаторами;универсальным селектором.Блочная модель
Для определения размеров блока, его внешнего вида и положения браузер руководствуется алгоритмом, который описан блочной моделью CSS. Знание блочной модели помогает строить отдельные блоки и компоновать их в веб-страницы, что и является основой вёрстки.Разделы веб-страницы
Практически любую веб-страницу можно разбить на ряд визуальных блоков, которые обычно отделяются друг от друга фоном или пустым пространством, поэтому хорошо заметны. Подобное разделение помогает нам ориентироваться на веб-странице и сразу выделять главное и второстепенное содержимое.
float в теории и на практике
Стилевое свойство float изначально было внедрено в CSS для создания обтекаемых картинок и текстовых врезок, но со временем расширило сферу своего применения.
Самоучитель CSS
Стилем или CSS (Cascading Style Sheets, каскадные таблицы стилей) называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид.
Позиционирование элементов
Позиционированием называется положение элемента в системе координат. Различают несколько типов позиционирования: нормальное, относительное, абсолютное, фиксированное и приклеенное.
Рекомендуемое прохождение курсов
HTML. Уровень 1
Введение в ИнтернетОсновы HTMLСодержимое в HTMLHTML. Уровень 2
Самоучитель HTMLРазделы веб-страницыФормы в HTMLCSS. Уровень 1
Основы CSSТекст в CSSБлочная модель в CSSПозиционирование в CSSПродвинутый CSSCSS. Уровень 2
Блочная модельБлочные и строчные элементыfloat в теории и на практикеПозиционирование элементовСамоучитель HTML
Установите наше приложение под Android для самостоятельного изучения HTML.
Паблик WebReference
Читайте наш паблик ВКонтакте.
Видеоуроки
Новые задачи из Практики
Сердце Мигающий текст Прозрачность при наведении Масштабирование картинки при наведении 2 Масштабирование картинки при наведении Сдвиг при наведении Поворот на 360° при наведении Масштабирование кнопки Плавное изменение цвета Обложка видео Зацикливание видео Автовоспроизведение видеоЗадача для самостоятельного решения
Создайте блок с рамкой, как показано на рис. 1. В браузере IE вид может отличаться.
Рис. 1
Перейти к задаче
Новые рецепты
Как обрезать текст и добавить в конце многоточие? Как увеличить размер шрифта? Как сделать текст полупрозрачным? Почему вместо русского текста выводятся ромбики? Как убрать промежуток между пунктами горизонтального списка? Как сделать, чтобы в текстовом поле заранее выводился опредёленный текст? Как выровнять текст по ширине? Как сделать волнистое подчёркивание текста? Как сделать текст жирным? Как сделать подчёркнутый текст? Как указать язык сайта по ссылке? Как выровнять заголовок таблицы по левому краю?TAGS:WebReference
<<< Thank you for your visit >>>
Websites to related :
adsHot Websites