SlideShare a Scribd company logo
1 of 11
Download to read offline
Что такое CSS
3.1 BASICS
Каскадные таблицы стилей
это язык который отвечает за визуальное
представление документов пользователю
Подключение CSS отдельным внешним файлом с
расширением .css. Самый удобный способ. Он
гарантирует максимально лёгкое и удобное
редактирование стилей и не нагружает страницу.
Способы подключения стилей к
странице
<head>
<link href="style.css" rel="stylesheet">
</head>
● stylesheet - определяет, что подключаемый файл
таблицу стилей (CSS)
Добавим стиль
body {
font-size: 10px;
color: white;
background-color: blue;
}
Разберём поближе
селектор {
свойство: значение;
}
Селектор — это некоторое имя стиля, для которого
добавляются параметры форматирования.
Свойство — это сам стиль
index.html style.css
ПРАКТИКА….
Мүмкүнчүлүктөрү чектелген адамдарга карата окутуу проекти Европалык Союзу тарыбынан
финансылоо болгон
Бул документин мазмуну толугу менен Академиянын жоопкерчилиги жана эч кандай жолунда
Европалык Комиссиянын көз карашын көргөзбөйт
Проект тренинг для людей с ограниченными возможностями финансирован Европейским Союзом
Содержание этого документа полностью является ответственностью и никак не отражает
взгляды Европейской Комиссии

More Related Content

More from IT Academy Project EU

More from IT Academy Project EU (20)

Введение в DOM
Введение в DOMВведение в DOM
Введение в DOM
 
JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)JS switch. events (onclick, onfocus, onblur)
JS switch. events (onclick, onfocus, onblur)
 
Препроцессор SASS
Препроцессор SASSПрепроцессор SASS
Препроцессор SASS
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Что такое framework?
Что такое framework?Что такое framework?
Что такое framework?
 
1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 
2.4.7 HTML - Формы
2.4.7 HTML - Формы2.4.7 HTML - Формы
2.4.7 HTML - Формы
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributes
 
HTML - Гиперссылки
HTML - ГиперссылкиHTML - Гиперссылки
HTML - Гиперссылки
 
2.5.1 kartinki
2.5.1 kartinki2.5.1 kartinki
2.5.1 kartinki
 

Что такое CSS?

  • 2. Каскадные таблицы стилей это язык который отвечает за визуальное представление документов пользователю
  • 3.
  • 4. Подключение CSS отдельным внешним файлом с расширением .css. Самый удобный способ. Он гарантирует максимально лёгкое и удобное редактирование стилей и не нагружает страницу. Способы подключения стилей к странице
  • 5. <head> <link href="style.css" rel="stylesheet"> </head> ● stylesheet - определяет, что подключаемый файл таблицу стилей (CSS)
  • 6. Добавим стиль body { font-size: 10px; color: white; background-color: blue; }
  • 7. Разберём поближе селектор { свойство: значение; } Селектор — это некоторое имя стиля, для которого добавляются параметры форматирования. Свойство — это сам стиль
  • 8.
  • 11. Мүмкүнчүлүктөрү чектелген адамдарга карата окутуу проекти Европалык Союзу тарыбынан финансылоо болгон Бул документин мазмуну толугу менен Академиянын жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын көз карашын көргөзбөйт Проект тренинг для людей с ограниченными возможностями финансирован Европейским Союзом Содержание этого документа полностью является ответственностью и никак не отражает взгляды Европейской Комиссии