Архивы тегов CSS уроки

display-css

В процессе верстки сайта периодически может возникать необходимость в отображении строчных элементов в виде блочных и наоборот. А иногда и вовсе требуется скрыть какой-то элемент. Все это можно сделать при помощи специального CSS свойства - . В сегодняшнем уроке я расскажу вам о том, каким образом можно поменять отображение элементов на веб-странице, для чего познакомлю вас со свойством . Готовы?…

блочные-и-строчные-элементы-в-css

Как вы знаете, каскадные таблицы стилей построены на блочной модели. Буквально все элементы веб-страницы представляют из себя прямоугольные блоки. Однако, практикуясь в верстке сайтов вы наверняка могли заметить тот факт, что не все блоки ведут себя одинаково. Различия заключается как в отображении на веб-странице, так и в тонкостях форматирования. А причина в том, что все элементы веб-страницы относятся к одной…

css-margin

Внешний отступ, margin, является одним из самых важных и часто используемых свойств в CSS. Это связано с тем, что оно как и свойство padding часто используется для позиционирования элементов. В этом CSS уроке я бы хотел познакомить вас c тонкостями оформления внешнего отступа, ведь зачастую оно вызывает трудности при верстке сайта. Свойство margin Представим, что у нас есть 2 изображения в виде…

css-свойство-padding

Как уже упоминалось в уроке по блочной модели, каждый элемент состоит из 4 частей: содержимое, внутренний отступ, граница и внешний отступ. В совокупности ширина и высота блочного элемента формируется за счет этих 4 частей. В сегодняшнем уроке я бы хотел рассказать вам о внутреннем отступе - padding, ведь именно это свойство часто используется при позиционировании элементов. Хотите вы этого или нет,…

blochnaya-model

Понимание блочной модели необходимо каждому, кто так или иначе связан с созданием сайтов. Согласно CSS, все элементы веб-страницы представляют из себя определенные блоки. Все бы хорошо, однако, эти блоки имеют немало характеристик наподобие отступов и границ. И эти характеристики очень часто вызывают трудности у начинающих веб-мастеров. В результате этого первые сверстанные проекты выглядят ужасно, с перекошенными сайдбарами и непонятной навигацией.…

html-and-css

С развитием веб-технологий, в современном мире недостатка в информации нет. Любой желающий может найти книги, курсы, тренинги по интересующей теме. Информации много даже по очень экзотическим направлениям. Казалось бы, теперь уж люди должны знать больше, иметь более высокий уровень интеллекта, вырабатывать новые навыки. Но к сожалению, это не совсем так. Как часто вам приходилось начать изучать что-то новое, а затем…

css list-style

С помощью  мы можем создавать маркированные и нумерованные списки. Все бы хорошо, однако, порой возникает необходимость создать список с нестандартным внешним видом. Или сделать ее более красивой. Здесь  нам не поможет. Но все же, у нас есть несколько CSS свойств, с помощью которых можно вполне успешно форматировать отображение списков. Именно с ними я бы хотел вас познакомить в этом уроке.…

first-line css

Продолжая тему псевдоэлементов, в этом CSS уроке я познакомлю вас с одной очень интересной возможностью. Заключается она в управлении внешним видом первой строки блока с текстом. Псевдоэлемент :first-line Иногда на некоторых блогах можно встретить особое оформление первой строки абзаца. Такой прием применяется для акцентирования внимания читателя именно на этой части текста. Ведь обычно именно вначале абзаца рассказывается основная мысль автора. С технической точки зрения,…

first-letter-css

Как я и говорил в уроке по основам каскадных таблиц стилей, CSS предоставляет веб-мастерам очень широкие возможности по оформлению сайтов на свой вкус. Здесь вам и гибкая настройка текста, границ, блоков и всего остального. В данном уроке мы учимся не самой популярной, но иногда необходимой возможности - украшению начальной буквы каждого абзаца. Если вы имеете обыкновение читать старые литературные книги,…

CSS трюки секреты

Иногда ко мне на почту приходят сообщения следующего содержания: "Я никогда не знал что такое возможно в CSS! Удивительно." Думая над тем, какую статью написать для блога в этот раз, я решил затронуть тему малоизвестных нюансов в CSS. Специально для вас ) Но прежде, давайте я отвечу на самый популярный вопрос читателей: "Стоит ли изучать CSS". Мой ответ: "Конечно". Если…

Закрыть