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

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

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

Благодаря этой рекламе сайт может продолжать свое существование, спасибо за просмотр.

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

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

Способы подключения к документу <,html>, <,head>, <,link rel=stylesheet href=style.css>, <,/head>, <,body>, <,/body>, <,/html>, когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <,link>,, располагающегося в этом документе между тегами <,head>, и <,/head>,.

<,html>, <,head>, <,style media=all>, @import url(style.css), <,/style>, <,/head>, <,/html>, когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами <,style>, и <,/style>,.

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

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

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