Элемент <!DOCTYPE> предназначен для определения типа текущего документа. Данный элемент должен быть расположен в первой строке HTML документа, перед тегом <html>.

 

Опубликовано в HTML/CSS

Глобальные атрибуты применимы к любым HTML элементам. Они делятся на основные атрибуты и атрибуты событий. Рассмотрим их подробно.

 

Опубликовано в HTML/CSS

Недавно была поставлена задача сделать оглавление. По сути, в строке должно быть три блока - левый и правый с шириной внутреннего контента, а средний с фоновыми точками должен занимать всю остальную ширину.  На ум сразу пришло решение через свойства box и box-flex.

 

Опубликовано в HTML/CSS

Во время написания предыдущей статьи Рисуем сердце на HTML, CSS я упоминала, что трансформация элемента влияет только на отображение элемента, а не на его расположение относительно окружающих. А теперь хочу более подробно раскрыть эту тему. Стилизируя элемент, мы меняем его внешний вид. Задавая элементу размеры, мы его увеличиваем. Окружающие элементы подстраиваются под его размеры. Но некоторые свойства вырывают элемент из потока (position: absolute) или не влияют на его расположение в потоке (transform: rotate/scale/skew). Рассмотрим эти интересные свойства.

Опубликовано в HTML/CSS

Резиновая верстка - это отображение сайта на всю ширину экрана и изменение ширины сайта при изменении ширины экрана. В данной статье мы рассмотрим все грани резиновой верстки, а также я дам несколько советов. Пройдемся по пунктам:

 

  • Max-width, min-width
  • Зачем нужна max-width
  • Выравнивание
  • Плюсы резиновой верстки
  • На что нужно обратить внимание

 

Опубликовано в HTML/CSS

Долго не доходили руки написать эту статью, но всегда понимала, что нужно это сделать. Семантическая верстка - это очень обширная и важная тема. Она особенно актуальна с выходом HTML5 и ажиотажем вокруг него. Но эта тема не менее важна и для предыдущих версий HTML и XHTML. А также требование семантической верстки есть почти в каждой вакансии HTML верстальщика. Хотя не думаю, что эту тему понимают те, кто такое требование пишет! :-) 

 

Опубликовано в HTML/CSS

HTML - это гипертекстовый язык разметки (HyperText Markup Language), который используется для создания документов в Интернет(веб-страниц). При помощи HTML создается веб-страница, содержащая все нужные элементы. На HTML странице можно разместить простой текст, выделить его жирным или курсивом, вставить ссылку, таблицу, нумерованный или ненумерованный список, картинки, разбить текст на абзацы и разделы, задавать разделам заголовки. Также на HTML страницу можно вставить форму с текстовыми полями, кнопками, выбором вариантов из списка, checkbox'ами и radio элементами. В HTML5 в страницу можно встраивать видео и аудио файлы, рисовать при помощи canvas, делать простые анимации при помощи новых тегов(marquee). В помощь HTML пришли CSS и JavaScript. CSS используется для стилизации HTML элементов. При помощи CSS можно не только изменять цвет текста в блоке, но и делать геометрические фигуры(треугольник, трапецию), рисовать (сердечки, котиков), делать разнообразную анимацию(слайдеры картинок, преоадеры, падающий снег). При помощи JavaScript можно делать на HTML странице разнообразный функционал - ваша страница может перемещать элементы, менять их размеры, делать расчеты(калькулятор), сортировку элементов. А главный плюсом работы с JavaScript является выполнение его скриптов без перезагрузки страницы.

 

Опубликовано в Разработка сайта

Давайте рассмотрим очень важное в CSS свойство margin, которое практически всегда используется в разметке страницы и всегда используется в верстке контента сайта. А также рассмотрим интересную особенность этого свойства -- схлопывание или collapse. 

 

Опубликовано в HTML/CSS

В данной статье рассмотрим зачем и как открывать ссылку в новом окне.

 

Опубликовано в HTML/CSS

 

Активные элементы - это элементы, при нажатии на которые происходят некоторые действий - появляется блок, всплывает окошко, переключаются закладки табов. Но при клике на активный элемент не происходит переход на другую страницу или на якорь на этой странице. А значит активные элементы не являются ссылками и их не нужно в html делать ссылками с тегом <a>. Но для того, чтобы указать пользователю на активность этого элемента, его нужно оформить в виде ссылки. 

 

Опубликовано в HTML/CSS
< 1 2 3 >
Страница 2 из 3

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов