Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему по CSS Часть 1

Блок . Как работать с CSSКаждому тегу в HTML соответствует так называемый селектор CSS. К примеру, тегу  соответствует CSS селектор p, с помощью которого мы можем обратиться ко всем абзацам HTML страницы и, например, покрасить их всех одновременно в красный цвет.
Основы работы с языком CSS Блок . Как работать с CSSКаждому тегу в HTML соответствует так называемый селектор CSS. К Блок . Способы подключения CSS к HTML кодуДавайте теперь разберемся с тем, как Способ 1. Отдельный CSS файлСамый распространенный способ подключения CSS - это когда Способ 2. CSS внутри тега styleВторой способ заключается в том, что CSS Способ 3. CSS внутри атрибута styleТретий способ заключается в том, что можно Блок . Комментарии CSSТак же, как и в HTML, в CSS можно ставить комментарии. Они оформляются следующим
Слайды презентации

Слайд 2 Блок . Как работать с CSS
Каждому тегу в HTML

Блок . Как работать с CSSКаждому тегу в HTML соответствует так называемый селектор CSS.

соответствует так называемый селектор CSS. К примеру, тегу  соответствует CSS селектор p, с

помощью которого мы можем обратиться ко всем абзацам HTML страницы и, например, покрасить их всех одновременно в красный цвет. После селектора следует ставить фигурные скобки {}, внутри которых следует писать CSS свойства.
CSS свойства и задают цвет, размер шрифта и другие интересные вещи. Их следует писать в таком формате: имя свойства, потом двоеточие, потом значение этого свойства (например, свойство - это цвет, а "красный" - это значение). Потом нужно поставить точку с запятой и можно писать следующее свойство.

Слайд 3 Блок . Способы подключения CSS к HTML коду
Давайте теперь

Блок . Способы подключения CSS к HTML кодуДавайте теперь разберемся с тем,

разберемся с тем, как сделать так, чтобы написанный CSS

применился к нашему HTML коду. Это можно сделать тремя способами.
Первый способ заключается в том, что CSSбудет написан в отдельном файле и специальным образом подключен к нашей HTML странице.
Еще два способа заключаются в том, что CSS код будет написан прямо на HTML странице.
Первый способ используется гораздо чаще (в подавляющем большинстве случаев). Одновременно можно применять все три способа.
Давайте разберемся с этими способами более подробно.

Слайд 4 Способ 1. Отдельный CSS файл
Самый распространенный способ подключения

Способ 1. Отдельный CSS файлСамый распространенный способ подключения CSS - это

CSS - это когда он хранится в отдельном файле

и этот файл подключается ко всем страницам нашего сайта.
Преимущество такого подхода в том, что CSS файл один, а HTML файлов может быть любое количество, хоть тысяча. Мы сделаем изменение в одном месте CSS файла, например, покрасим все абзацы в красный цвет, и эти изменения применятся на всей 1000 HTML страниц, к которым подключен наш CSS файл. Очень удобно и быстро.
Чтобы подключить CSS файл к HTML странице, в теге head следует написать такую конструкцию: .
Сам CSS файл должен быть с расширением .css. Обычно его называют styles.css или style.css.

Слайд 5 Способ 2. CSS внутри тега style
Второй способ заключается

Способ 2. CSS внутри тега styleВторой способ заключается в том, что

в том, что CSS код можно написать в теге  Его

можно размещать как внутри  (чаще всего), так и внутри .
Недостаток этого способа в том, что CSS код применяется только к одной странице сайта, а не ко многим. Этот способ обычно применяется тогда, когда нужно написать CSS на конкретной странице сайта, не затрагивая остальных, и, в общем случае, к употреблению не рекомендуется.
Правило такое: если что-то можно сделать первым способом, то использовать второй способ - дурной тон.

Слайд 6 Способ 3. CSS внутри атрибута style
Третий способ заключается

Способ 3. CSS внутри атрибута styleТретий способ заключается в том, что

в том, что можно добавить атрибут style любому тегу на странице

и прямо там написать для него HTML код. Обратите внимание на то, что при этом никаких селекторов писать не нужно, так как CSS код применится только к тому тегу, для которого он написан
Третий способ, так же, как и второй, не сильно рекомендуется к использованию, потому что он захламляет HTML код. В настоящее время общепринято то, что языки нужно разделять по отдельным файлам - в одном файле мы пишем на языке HTML, а в другом - на CSS.
Впрочем, иногда без второго и третьего способа не обойтись.

  • Имя файла: prezentatsiya-po-css-chast-1.pptx
  • Количество просмотров: 145
  • Количество скачиваний: 0