logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

 

< Предыдущая  Следующая >

С помощью CSS Вы можете установить как будут отображаться элементы.

Скрытие элементов в CSS

В CSS скрыть элементы можно двумя способами:

  1. С помощью свойства visibility:hidden;
  2. С помощью display:none.

Элемент скрытый первым способом будет невидим, но будет по прежнему занимать место на странице.

Пример

/* Абзац стал невидим, но все еще занимает место на странице */
p.dis1
{
visibility:hidden;
}

Второй способ позволяет полностью скрыть элемент, чтобы он больше не занимал места на странице.

Пример

/* Абзац стал невидим и не занимает места */
p.dis1
{
display:none;
}

Блочные и строковые элементы в CSS

В CSS встречаются два типа элементов по способу отображения:

  • Блочные элементы полностью занимают всю ширину их родительского элемента. Примеры блочных элементов: p, h1-h6, div.
  • Строковые элементы занимают только необходимую им ширину. Примеры строковых элементов: a, span.

С помощью CSS Вы можете изменять способ отображения элементов. В следующем примере элемент p отображен как строковый:

Пример

/* Превратим блочный элемент p в строковый */
#dis1
{
display:inline;
}

Также Вы можете отображать строковые элементы как блочные:

Пример

/* Превратим строковый элемент a в блочный */
a.dis1
{
display:block;
}

Сделайте сами

Задание 1 узнайте кодовое слово (подробности в редакторе):

Пример

/* Подробности в редакторе */

  

  
  
  
  


  

  
  
  
  
< Предыдущая  Следующая >

 

 

 

 

 

 

Последние добавления

 

HotLog