ворд скилс. 9_ Веб-дизайн и разработка WS. Программа повышения квалификации для преподавателей (мастеров производственного обучения) Практика и методика реализации образовательных программ среднего профессионального
 Скачать 4.04 Mb.
|
61 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» Другие CSS-свойства и псевдоклассы, особенности применения CSS: 62 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» CSS3 (Cascading Style Sheets) – каскадные таблицы стилей, описывают внешний вид элементов веб-страницы, структура которой задана с помощью HTML. Для описания используются классы, псевдоклассы, свойства и другие элементы. Для различных элементов предоставленного файла page.html примените различные конструкции CSS. Исследуйте, как изменение свойства влияет на отображение элемента в различных браузерах. Используя приведенные выше справочники, а также результаты изменения свойств тегов файла page.html заполните таблицу, указав влияние конструкций на отображение веб- страницы. Какие еще свойства CSS Вы считаете для себя удобными? Конструкция Как влияет на отображение элементов веб-страницы Для каких тегов может быть использован border border-spacing border-collapse border-radius empty-cells td:nth-child(even) td:nth-child(odd) text-shadow box-shadow font-variant: small- caps; text-decoration-style :hover 63 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» ::selection transition background display position left top color font-style font-family font-size font-weight line-height Другие CSS-свойства и псевдоклассы, особенности применения CSS: 64 программа повышения квалификации для преподавателей (мастеров производственного обучения) «Практика и методика реализации образовательных программ среднего профессионального образования с учётом спецификации стандартов Ворлдскиллс по компетенции «Веб-дизайн и разработка» Приоритет (специфичность) – методы и алгоритмы, позволяющие определить какое правило CSS будет применена к данному элементу веб-страницы в данном случае. Определяется браузером при наличии двух и более разных наборов свойств, описывающих элемент. Приоритет вычисляется в баллах, суммируя их за каждый тип в выражении согласно следующей таблицу. Тип селектора Начисляемый балл Универсальный селектор (*) 0 Селекторе тегов и псевдоэлементы 1 Селекторы атрибутов, классы и псевдоклассы 10 Идентификаторы 100 Встроенное в тег свойство style 1000 CSS-конструкция Приоритет Способы повышения приоритета .main { } p { } #menu a { } #banner .header a .entry .item #menu { } li:hover { } Как изменится приоритет, если CSS свойство определяется в отдельном файле? Как изменится приоритет, если CSS свойство определяется в теге |