HTML и CSS

HTML

  • Съдържание vs. предтсвяне (изглед)
  • Структура на документа
  • "Отношения" между документите
  • Markup?
  • Метаинформация
  • Markup език
  • HTML елементи: изображения, параграфи, връзки, други
  • Секции на HTML документа

CSS

  • Разделяме презентацията от съдържанието
    • Преизползване в рамките на документа
    • Преизползване между документите
    • Промяна на стила без да се засяга съдържанието
    • Разделение на отговорностите
  • Списък от правила: селектори и декларации
  • Селектори на тип елементи, клас елементи, отделен елемент
  • Комбинации от селектори
  • Inline CSS

Разположение на елементите (layout)

Печатна преса: Пресата на Johannes Gutenberg

Външен стил: Блокове и inline кутии (outer display type)

  • Ред на кутиите
  • Поведение спрямо текущия ред
  • Определяне на широчина и височина
  • Отстояние и уплътнение (margin и padding)

Вътрешен стил (inner display type)

Box модел

  • Съдържание
  • Уплътнение
  • Рамка
  • Отстояние
  • Block vs. Inline Box
  • Inline block

Примери