Что такое CSS?

Автор работы: Ольга Kova, 26 Июня 2010 в 17:31, реферат

Описание

Реферат по информатике. Использование стилей оформления в HTML.
CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без примененения CSS.
CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.
В печатном деле вопрос оформления книги решается на ранних этапах её производства. От выбранных шрифтов, отступов и красок зависит буквально всё. И после повлиять на дизайн, увы, невозможно.

Работа состоит из  1 файл

Что такое CSS.doc

— 305.00 Кб (Скачать документ)

    Определяет  шрифт(ы) для отображения текста.

font-size

    Управляет размером шрифта.

font-style

    Управляет наклоном шрифта (курсив).

font-variant

    Управляет внешним  видом строчных букв (строчные как  прописные, "капитель").

font-weight

    Управляет толщиной (насыщенностью) шрифта.

Позиционирование

position

    Определяет  порядок, в соответствии с которым  элемент отображается на веб-странице.

bottom

    Сдвигает элемент  относительно нижнего края. Используется совместно со свойством position.

left

    Сдвигает элемент  относительно левого края. Используется совместно со свойством position.

page-break-before

    Сдвигает элемент  относительно верхнего края. Используется совместно со свойством position.

right

    Сдвигает элемент  относительно правого края. Используется совместно со свойством position.

z-index

    Определяет  порядок, в соответствии с которым  элементы накладываются друг на друга, если необходимо отобразить их на одном  месте.

Форматирование

clear

    Запрещает/разрешает  элементу обтекать "floated" объекты.

clip

    Определяет  область элемента, которая должна отображаться на странице.

display

    Изменяет базовые  свойства элементов.

float

    Сдвигает элемент  к правому или левому краю.

height

    Определяет  высоту прямоугольной области вокруг элемента.

overflow

    Определят как  отображать блочный элемент в  случае, если его содержимое выходит  за рамки родительского элемента.

visibility

    Управляет настройкой видимости элемента.

width

    Определяет  ширину прямоугольной области вокруг элемента.

Списки

list-style

    позволяет одновременно задать три параметра для маркеров пунктов списка: list-style-type, list-style-position и/или list-style-image.

list-style-image

    Устанавливает изображение, которое будет использоваться для маркировки пунктов списка.

list-style-position

    Определяет, как  отобразить на странице маркер пункта в списке: внутри того же прямоугольника, в котором располагается элемент  списка или вне его.

list-style-type

    Определяет, какой  вид будет иметь маркер пункта в списке..

Текст

direction

    Применяется при создании сайтов на языках, в  которых чтение страницы идет справа налево.

letter-spacing

    Определяет  длину интервала между буквами.

page-break-inside

    Определяет  размер межстрочного интервала.

text-align

    Выравнивает содержимое блочного элемента (текст  или изображение) относительно границ блока, а так же содержимое ячеек таблицы по горизонтали.

text-decoration

    Определяет, какой  оформительский прием нужно применить  к тексту.

text-indent

    Определяет  размер отступа первой строки в тексте.

text-transform

    Управляет написанием прописных или строчных букв в тексте.

vertical-align

    Определяет  высоту содержимого внутри инлайн элемента или внутри ячейки таблицы.

white-space

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

word-spacing

    Определяет  расстояние между словами.

[collapse collapsed]

Печать

widows

    Позволяет избежать появления висячей строки.

orphans

    Позволяет избежать появления одинокой первой строки.

page-break-after

    Определяет  наличие или отсутствие разрыва  страницы после элемента при печати.

page-break-before

    Определяет  наличие или отсутствие разрыва  страницы перед элементом при  печати.

page-break-inside

    Определяет  наличие или отсутствие разрыва  страницы внутри элемента при печати.

Поля

padding

    Сокращенный способ задать следующие параметры: padding-top, padding-right, padding-bottom и/или padding-left.

padding-bottom

    Определяет  ширину пространства между содержимым элемента и нижним бордюром.

padding-left

    Определяет  ширину пространства между содержимым элемента и левым бордюром.

padding-right

    Определяет  ширину внешнего пространства между правым бордюром и невидимой границей прямоугольника.

padding-top

    Определяет  ширину внешнего пространства между  верхним бордюром и невидимой  границей прямоугольника.

Прочее

caption-side

    Определяет, где  будет отображаться заголовок таблицы: над ней или под ней.

color

    Устанавливает цвет текста элемента.

content

    Применяется для того, чтобы вставить текст  или изображение до или после  какого-либо элемента.

counter-increment

    Задает значения приращений счетчика.

counter-reset

    Устанавливает идентификатор, который хранит счетчик отображений какого-либо элемента и устанавливает начальное значение этого счетчика.

cursor

    Определяет  вид курсора при наведении  мышки на некий элемент.

empty-cells

    Определяет, нужно  ли отображать границы и фон ячейки, если в ней нет содержимого.

margin

    Сокращенный способ задать следующие параметры: margin-top, margin-right, margin-bottom и/или margin-left

margin-bottom

    Определяет  ширину внешнего пространства между  нижним бордюром и невидимой границей прямоугольника.

margin-left

    Определяет  ширину внешнего пространства между  левым бордюром и невидимой границей прямоугольника.

margin-right

    Определяет ширину внешнего пространства между правым бордюром и невидимой границей прямоугольника.

margin-top

    Определяет  ширину внешнего пространства между  верхним бордюром и невидимой границей прямоугольника.

max-height

    Определяет  максимальную высоту элемента.

max-width

    Определяет  максимальную ширину элемента.

min-height

    Определяет  минимальную высоту элемента.

min-width

    Определяет  минимальную ширину элемента.

outline

    Это быстрый  способ задать следующие параметры: outline-width, outline-style и/или outline-color.

outline-color

    Определяет  цвет контура вокруг элемента.

outline-style

    Определяет  вид контура вокруг элемента.

outline-width

    Определяет  ширину контура вокруг элемента.

quotes

    Определяет  вид открывающей и закрывающей  кавычки в тексте.

table-layout

    Определяет  ширину столбцов в таблице.

Сокращённые свойства CSS

Некоторые свойства CSS принято называть сокращениями или сокращёнными свойствами (shorthand property). Они предоставляют короткий, компактный способ записи для нескольких других, более узкоспециализированных свойств. Например, сокращённое свойство border управляет внешним видом рамки вокруг элемента, позволяя определить в одной строке сразу несколько атрибутов: цвет, стиль и ширину рамки. Иначе для этого понадобились бы свойства border-width, border-style и border-color.

Список  сокращённых свойств:

font - сокращенное свойство для свойств шрифта:

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
 

background - сокращенный вариант записи для свойств фона:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
 

margin - сокращенное свойство для управления внешними отступами:

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
 

padding - сокращенное свойство для управления внутренними отступами:

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left
 

border - сокращенный вариант записи для свойств бордюра:

  • border-width
  • border-style
  • border-color

Информация о работе Что такое CSS?