Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Размещение изображений в CSS.

( продолжение)

Объединение свойств фона background в CSS.

Имеется очень удобное свойство - сокращение background, которое по аналогии с font дает возможность объединить все свойства фона в едином стилевом правиле.

Свойство background в CSS. Значения:

                     background-color
                     background-image
                     background-repeat
                     background-attachment
                     background-position
                     inherit

Применимо: Ко всем элементам. Наследуется: Нет.

Свойство-сокращение background в CSS принимает значение любого свойства, задающего фон, и не имеет обязательных компонентов. Значения в самом свойстве могут следовать в произвольном порядке. Единственное ограничение состоит в том, что если для background-position в CSS задана пара значений, они должны идти вместе - сначала «горизонтальное», а за ним «вертикальное». Об этом мы знаем, но повторение есть мать учения, чтобы лишних недаразумений в процессе отладки програм по отображению страниц Вашего сайта не возникало, потому как там без этого хватает работы.

Вот синтаксически допустимые примеры свойства background в CSS:

                     body {
                           background: url(../fon/625.jpg) fixed top center no-repeat; 
                           } 
                     div.rvo {
                           background: repeat-x url(../fon/625.jpg) red; 
                           } 
                     div#kje22 {
                           background: repeat-x url(../fon/625.jpg) red; 
                           }
                     p {
                           background: #336600;	
                           }

Контроль за неумышленным перекрытием в CSS.

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

В примере, который приведен ниже, изображение 625.jpg не станет фоном элементов h3, поскольку, не указав значение background-image, по сути, приравняли этот атрибут к none:

                     h3 { 
                           background: red url(625.jpg) repeat-x;
                           } 
                     h3 {
                           background: blue; 
                           }

Так как ниженаписанный код задает значение background: blue;, но оно приоритетнее чем, вышестоящее

Чтобы переопределить конкретное свойство фона, указывайте название именно того свойства, которое намерены изменить (в этом примере для элемента h3 уместно определить background-color). Используя же запись background (или любое прочее сокращение), особое внимание уделите тем правилам, которые описаны в таблице стилей до этого, или проверьте, что задано буквально каждое свойство.

Здесь Вы убеждаетесь, что применение общих свойств в CSS чревато потерей нити оформления страниц сайта, связанное передачей свойств от родителей к потомкам, или просто срабатыванием условия по умолчанию. Возможно ли, все эти тонкости удержать в голове. Итог. Не злоупотреблять общими свойствами, лучше применять свйства для конкретного вида действий background-color, background-image, background-repeat...


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: