На многих веб-страницах используется выделение важных терминов, например, слов, по которым посетитель пришел на сайт с помощью по- исковой системы. Такое выделение текста можно без труда организо- вать средствами CSS.РешениеЕсли отрывок текста обрамлен тегами <span> с атрибутом class, для дан- ного класса можно добавить правило стиля с помощью CSS. Например, ...
В каких случаях следует использовать классы, а в каких – идентификатор
Опубликовано Вторник, Январь 31, 2012 - admin. В рубрике CSS Метки: идентификатор, идентификаторов, Использование, использовать, классов, правило, элемента
На первый взгляд, использование классов и идентификаторов практи- чески не отличается друг от друга: и тому и другому можно присваи- вать CSS-свойства с необходимыми значениями для изменения вида элементов (X)HTML-документа. Однако при каких обстоятельствах эф- фективнее использовать классы, а при каких – идентификаторы?РешениеСамое важное правило применения классов и идентификаторов состо- ...
Можно создать привлекательный эффект изменения цвета или иных параметров ссылки при наведении на нее указателя мыши. Его можно с успехом использовать в созданных на основе CSS панелях навигации; он применим и по отношению к ссылкам в тексте.РешениеДля создания описанного эффекта необходимо воспользоваться дина- мическими псевдоклассами якоря :hover и :active.Рассмотрим следующий ...
Каким образом броузер определяет, какие стили нужно использовать
Опубликовано Четверг, Январь 19, 2012 - admin. В рубрике CSS Метки: message, данной, каскадирования, правила, правило, селектором, стилей
Как броузер может «понять» намерения разработчика? Если к одному и тому же элементу могут быть применены несколько стилей, то опре- деление, какие из них будут использованы, происходит по принципу каскадирования.Принцип каскадирования чрезвычайно важен для понимания CSS, по- скольку большинство ошибок разработки, связанных с таблицами сти- лей, происходят из-за того, что ...
В следующем примере используются два селектора – h1 и h2. Это означа- ет, что указанные стили будут применяться ко всем элементам h1 и h2:h1, h2 {font-family: sans-serif;color: #3366CC;}РешениеВ этом разделе представлено описание широко используемых в насто- ящее время селекторов CSS2.1 с примерами их практического исполь- зования.Селекторы типаСамыми простыми селекторами являются ...