CSS

[Lobo]

Здравствуйте.

С помощью css бэкграундом можно установить всего два файла.

Я сделал так:

#masthead { 
 background-color: #983; background-image: url(images/tavi.jpg); 
 background-repeat: repeat-x; 
 }
 h1 { background-image: url(images/foto.jpg); background-position: 5% 85%;
 background-repeat: no-repeat; 
 }

Скажите пожалуйста, а если мне надо вставить еще два файла?

Есть ли такой метод , который позволить мне это сделать?

Спасибо.

[homm]

Скажите пожалуйста, а если мне надо вставить еще два файла?

Вставляй, какие проблемы? Каждый элемент может иметь бекграунд.

[Mordraug]

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

[ardjuna]

Здравствуйте.

Может ли быть так что в коде класс задан , а в css его нет?

Например, если глянуть код сайта http://wm-help.net/ то есть там класс top_line(в самых первых ячейках) , есть класс, но в style.css я его не вижу. Или на сайте http://www.cad.ru есть класс thin на 345 строке кода в dreamw.MX

а в style000.css нет ? как так?

Еще вопрос зачем повторять название класса два раза в списке стилей задавая ему дополнительные значения как это сделано в style.css на сайте http://wm-help.net:

кусочек :

.title {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px
}
.small_title {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px
}
.title {
 FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #565e8a; FONT-STYLE: italic; FONT-FAMILY: "Times New Roman", Times, serif
}
.small_title {
 DISPLAY: block; FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #3676e9; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.WARNING {
 BORDER-RIGHT: #c83535 2px solid; BORDER-TOP: #c83535 2px solid; BACKGROUND: #fcf7f7; BORDER-LEFT: #c83535 2px solid; BORDER-BOTTOM: #c83535 2px solid
}

[ardjuna]

Каковы принципы наследования свойств стилей, т. е. можно задать свойства для одного элемента, а на его свойства наложить другие для какого-либо класса например:

H3 {
 FONT-WEIGHT: bolder; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
H4 {
 FONT-WEIGHT: bolder; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif

.small_title {
 DISPLAY: block; FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #3676e9; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif
}


<H4 class=small_title style="MARGIN-LEFT: 50px">cтатьи, книги, 
 учебники.</H4></NOBR></A>

и при этом свойства последнего(.small_title) будут определяющими в подобных свойствах(напр. font-size)

ещ? вопрос по поводу принципов посдедовательности стилей, какие они?

т.е. например если расположить в следущем порядке:

 <style>

#title_a A {
 BORDER-RIGHT: medium none; margin-bottom: 2px; BORDER-TOP: medium none; DISPLAY:block; BACKGROUND: none transparent scroll repeat 0% 0%; 

BORDER-LEFT: medium none; WIDTH: 260px; BORDER-BOTTOM: medium none; TEXT-DECORATION: none
}

 .title {
 padding-right: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; padding-top: 0px
}

.title {
 FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #565e8a;; Font-style: italic; FONT-FAMILY: "Times New Roman", Times, serif
}



TABLE.my_table {
 BORDER-RIGHT: #babbd3 1px solid; BORDER-TOP: #babbd3 1px solid; BORDER-LEFT: #babbd3 1px solid; BORDER-BOTTOM: #babbd3 1px solid

H3 {
 font-weight: bolder; font-size: 20pt; font-family: monotype corsiva, Geneva, Arial, Helvetica, sans-serif
}

H4 {
 FONT-WEIGHT: bolder; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.small_title {
 DISPLAY: block; FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #3676e9; FONT-STYLE: ITALIC; FONT-FAMILY: Arial, Helvetica, sans-serif;PADDING-RIGHT:5px; 

PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 2px; PADDING-TOP: 0px
}

 #pole {
padding-right: 5px; padding-top: 0px; padding-bottom: 0px;font-size: 24pt

}


</style>

то small_title не работает ( в частности нет курсива, margin: 2px, и др.

а если:

 <style>

#title_a A {
 BORDER-RIGHT: medium none; margin-bottom: 2px; BORDER-TOP: medium none; 

DISPLAY:block; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: medium none; 

WIDTH: 260px; BORDER-BOTTOM: medium none; TEXT-DECORATION: none
}

.small_title {
 DISPLAY: block; FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #3676e9; FONT-STYLE: ITALIC; 

FONT-FAMILY: Arial, Helvetica, sans-serif;PADDING-RIGHT:5px; PADDING-LEFT: 5px; 

PADDING-BOTTOM: 0px; MARGIN: 2px; PADDING-TOP: 0px
}

 .title {
 padding-right: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 

padding-top: 0px
}

.title {
 FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #565e8a;; Font-style: italic; 

FONT-FAMILY: "Times New Roman", Times, serif
}



TABLE.my_table {
 BORDER-RIGHT: #babbd3 1px solid; BORDER-TOP: #babbd3 1px solid; BORDER-LEFT: #babbd3 

1px solid; BORDER-BOTTOM: #babbd3 1px solid

H3 {
 font-weight: bolder; font-size: 20pt; font-family: monotype corsiva, Geneva, Arial, 

Helvetica, sans-serif
}

H4 {
 FONT-WEIGHT: bolder; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Geneva, Arial, 

Helvetica, sans-serif
}


 #pole {
padding-right: 5px; padding-top: 0px; padding-bottom: 0px;font-size: 24pt

}


</style>

то вс? в порядке

[ardjuna]

Извините если слишком много вопросов сразу. Накопились.

Прим. margin-left - задает левое поле между элементом страницы и его соседями слева.-

Соседями слева тут м. б. текст слева, левая граница табл., рисунок (это вс? вместе или не каждое из этих элемен. называется ?соседом? ),что ещ? может быть "соседом"?

[Azadi]

Может ли быть так что в коде класс задан , а в css его нет?

Может. Или просто задали класс элементу, а потом забыли убрать из кода, или оставили "про запас".

зачем повторять название класса два раза в списке стилей задавая ему дополнительные значения

Стиль у кодера такой, видимо... удобно ему так было, наверное. Лично мне был бы неудобно воспринимать такой код.

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

Читайте матчасть про наследование В принципе, можно. Но только осторожно. Наследование - хитрая штука. У разных селекторов разный приоритет, можно и запутаться.

[Yarik Voronov]

собственно матчасть здесь

[ardjuna]

По поводу принципыпов последовательности все же не ясно. На основе примера с small_title нельзя обьяснить почему не работает(вопрос выше)

[polecat]

Извините если слишком много вопросов сразу. Накопились.

Прим. margin-left - задает левое поле между элементом страницы и его соседями слева.-

Соседями слева тут м. б. текст слева, левая граница табл., рисунок (это вс? вместе или не каждое из этих элемен. называется ?соседом? ),что ещ? может быть "соседом"?

Ну вы же не называете "Сосед" всю семью что живет в с соседней квартире?

А вот если все элементы завернуты в блок, то соседним уже будет считаться он, а не элементы.

[ardjuna]

CSS не чувствителен к регистру,-?? Что значит?

[Vlad]

Нечувствительность к регистру означает, что программе по барабану как написано слово "баРаБан".

Ты прекращай слишком простые вопросы задавать, ищи сам ответы на них.

[ardjuna]

Хорошо буду стараться таких вопросов не задавать