|
|
|
| Здавствуйте! :)
Я хочу сделать несколько блоков на сайте с одинаковім оформлением, но с разніми размерами. Допустим, мне надо чтобы у всех блоков был такой стиль:
.bgblock {
position:absolute;
background: url(bgblock.png);
padding:3px;
}
|
Но при этом, чтобы каждый блок имел свои собственные размеры. Как мне правильно это организовать? просто не удобно для каждого блока создавать отельный класс... Помогите плз, я просто не очень в цсс шарю. | |
|
|
|
|
|
|
|
для: FireTiger
(31.01.2008 в 18:18)
| | а <div class='bgblock' width='50px' height='50px'> asd</div>
не катит? | |
|
|
|
|
|
|
|
для: Волки
(31.01.2008 в 18:33)
| | конечно можно было, ну а как это все только в цсс хранить?
может как-то с помощью ID? И вообще можете объяснить какая разница между class и id? | |
|
|
|
|
|
|
|
для: FireTiger
(31.01.2008 в 18:35)
| | id - это идентификатор бъекта, а class - присваивает свойства этого класса данному объекту. одинаковых id Неможет быть, а вот class'ов пожалуйста... | |
|
|
|
|
|
|
|
для: Волки
(31.01.2008 в 18:33)
| | совсем не катит! так не пишут | |
|
|
|
|
|
|
|
для: FireTiger
(31.01.2008 в 18:18)
| |
В стилях:
.bgblock {
position:absolute;
background: url(bgblock.png);
padding:3px;
}
#first {width: 12px; height: 34px}
#second {width: 56px; height: 78px}
---------------------------------------------------------------------
В теле документа:
<div id="first" class="bgblock">12x34</div>
<div id="second" class="bgblock">56x78</div>
|
| |
|
|
|
|
|
|
|
для: CNTv2.0
(31.01.2008 в 18:49)
| | Спасибо огромное! Как раз то что мне нужно! | |
|
|
|
|
|
|
|
для: FireTiger
(31.01.2008 в 18:58)
| | А что означает, когда идет перечень классов вот так:
.класс1.класс2 .класс3.класс4 {
|
| |
|
|
|
|
|
|
|
для: FireTiger
(01.02.2008 в 10:01)
| | тоже самое что и
.класс1 .класс2 .класс3 .класс4 {
|
простая вложенность | |
|
|
|
|
|
|
|
для: AlexSol
(01.02.2008 в 10:20)
| | то есть .класс1 будет содеражать все свойства, как свои так и тех, которое перечислены далее? | |
|
|
|
|
|
|
|
для: FireTiger
(01.02.2008 в 10:51)
| |
.класс1 .класс2 .класс3 .класс4 { }
|
нет. это значит что стили задаются для элемента с класс4 , с реди родителей которого есть выше указанные
<div class="класс1">
<div class="класс2">
<p class="класс3">
<span class="класс4"> стили сработают для этого элемента </span>
</p>
</div>
</div>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(01.02.2008 в 10:53)
| | Спасибо! А можете еще объяснить, что значит такое:
или так:
| |
|
|
|
|
|
|
|
для: FireTiger
(01.02.2008 в 12:03)
| | почитайте про css- селекторы. это определение стилей для
<div id="myid">
<div class="myclass"> стили для этого</div>
</div>
|
и
<div class="myclass">
<div id="myid"> стили для этого</div>
</div>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(01.02.2008 в 12:09)
| | Спасибо Вам! Вот еще вопрос: а что означает строка:
Меня собственно интерисует именно "!important". | |
|
|
|
|
|
|
|
для: FireTiger
(01.02.2008 в 12:19)
| | FireTiger, вас что - в Гугле забанили?
Идете в поисковик, набираете прямым текстом "что такое !important", и будет вам полное Щастье.
Здесь Форум для помощи при решении каких-то сложных вопросов, а не ликбез для ленивых невежд. | |
|
|
|
|
|
|
|
для: CNTv2.0
(01.02.2008 в 12:35)
| | CNTv2.0 Согласен :)))
Извиняюсь) | |
|
|
|