СС М4(Управляй стилями)

Как настроение?

• Хорошо

• Отлично

• Так себе

Как задать размер текста?

• text-align

• font-size

• background-color

• font-family

Как задать шрифт?

• border

• color

• font-family

• text-align

Что такое селектор?

• конструкция языка CSS

• конструкция языка HTML

• стили

Оформление абзаца текста <p> с голубым фоном и синим текстом

• p {

  background-color: lightblue;

  color: blue;

  }

  
  

• h2 {

  background-color: lightblue;

  color: blue;

  }

  
  

• p {

  color: lightblue;

  background-color: blue;

  }

• h2{

  color: lightblue;

  background-color: blue;

  }

Как опубликовать страницу с CSS-селекторами?

• CSS-селекторы нужно поместить в отдельный файл

• Просто выложить сайт

• Использовать конструкцию <link rel="stylesheet" href="style.css"/> в html

• Использовать конструкцию <title></title> в html

Нужно задать исключение картинку в тексте, как будет выглядеть селектор?

• img{....}

• img p{....}

• p img{....}

• h1 img{....}

Найдите "подсказку" для написания контекстного селектора

• что? где? {

  }

• куда? когда?{

  }

• где? что?{

  }

• куда? что?{

  }

Убрать стиль подчеркивания текста

• text-underline: none

• text-decoration: underline

• text-border: none

• text-decoration: none

Стиль для закругления углов

• radius

• border-radius

• text-radius