Презентация, доклад по информатике для углубленного изучения темы Интернет-технологии

Понятие CSSCSS (Cascading Style Sheets) – Каскадные таблицы стилей - это свод стилевых описаний, тех или иных HTML тегов, который может быть применён к отдельному тегу - элементу, или одновременно ко всем идентичным элементам на всех

Слайд 1 Cascading Style Sheets — каскадные таблицы стилей
Понятие CSS
Правила построения
Способы подключения к документу
Поддержка CSS

браузерами
Расширения CSS

 Cascading Style Sheets — каскадные таблицы стилейПонятие CSSПравила построенияСпособы подключения к документуПоддержка CSS браузерамиРасширения CSS

Слайд 2Понятие CSS
CSS (Cascading Style Sheets) – Каскадные таблицы стилей - это

свод стилевых описаний, тех или иных HTML тегов, который может быть применён к отдельному тегу - элементу, или одновременно ко всем идентичным элементам на всех страницах сайта.
Понятие CSSCSS (Cascading Style Sheets) – Каскадные таблицы стилей - это свод стилевых описаний, тех или иных

Слайд 3Правила построения
CSS из таблицы стилей имеет две основные части — селектор и блок объявлений. Селектор, расположенный

в левой части правила, определяет, на какие части документа распространяется правило. Блок объявлений располагается в правой части правила. Он помещается в фигурные скобки, и состоит из одного или более объявлений, разделённых знаком «;». Селекторы могут группироваться в одной строке через запятую.
Правила построенияCSS из таблицы стилей имеет две основные части — селектор и блок объявлений. Селектор, расположенный в левой части правила, определяет, на

Слайд 4Виды селекторов

Виды селекторов

Слайд 5Способы подключения к документу






когда

таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и .
Способы подключения к документу   когда таблица стилей находится в отдельном файле, она может быть подключена

Слайд 6

@import url(style.css);



когда таблица стилей находится

в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами .

@import url(style.css); когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу

Слайд 7

body { color: red; }




когда таблица стилей описана в самом документе, она может располагаться в нём между тегами  .
body { color: red; }   когда таблица стилей описана в самом документе, она

Слайд 8Поддержка CSS браузерами
Наиболее полно поддерживающими стандарт CSS являются браузеры, работающие на движках Gecko (Mozilla

Firefox и др.), WebKit (Safari, Arora, Google Chrome) иPresto (Opera).
Бывший когда-то самым распространённым браузером Internet Explorer 6 поддерживает CSS далеко не полностью.

Поддержка CSS браузерамиНаиболее полно поддерживающими стандарт CSS являются браузеры, работающие на движках Gecko (Mozilla Firefox и др.), WebKit (Safari, Arora, Google Chrome) иPresto (Opera).Бывший когда-то

Слайд 9Расширения CSS
Часто при вёрстке страниц нужно использовать одно и то же

значение много раз: один и тот же цвет, один и тот же шрифт. И если это значение нужно будет изменить, то придётся менять во многих местах. В стандартном CSS нет возможностей наследования стилей, вычисляемых значений и прочих зависимостей.
Для решения этих вопросов и ускорения разработки существует несколько расширений языка CSS. Расширений в том смысле, что код CSS является кодом для расширения, но не наоборот. Чтобы из кода «расширенного CSS» получился обычный CSS-файл, воспринимаемый браузером, необходимо выполнить компиляцию. Компиляция (трансляция программы) может быть нескольких типов:
во время запуска страницы на стороне клиента (средствами JavaScript)
во время запуска страницы на стороне сервера
во время вёрстки сайта средствами специального компилятора
Примеры расширений CSS:
Sass
LESS
Stylus

Расширения CSSЧасто при вёрстке страниц нужно использовать одно и то же значение много раз: один и тот

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

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

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

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