| |
|
|
| | Имеем следующее:
.body_block
{
margin: 2cm 1cm 2cm 1cm;
padding: 0.2cm 1cm 0.2cm 0.6cm;
background: #faf0e6;
border: solid 5px gray;
border-radius: 10px;
position: relative;
font-family: cursive;
font-size: smaller;
text-shadow: gray 0.3px 0.3px 7px;
}
.data
{
text-decoration: underline;
font-family: monospace;
text-align: left;
color: #e1d8d8;
}
|
А также:
<div class="body_block">
<div class="data">
<? echo date("l dS of F Y h:i:s A"); ?>
</div>
<br />
someText
<br />
</div>
|
При этом дата имеет помимо своих свойств свойства общего блока. То есть, например, у текста даты появляется тень. Как от них избавиться (от лишних) ? | |
| |
|
|
| |
|
|
| |
для: alexander95
(07.03.2011 в 00:43)
| | | Есть такое понятие в CSS - inherit - передача значений свойств от родительского элемента к дочернему.
Например, свойства margin, padding, border, position, border-radius - они все not inherited, сиречь "не передаются" входящим в тег дочерним тегам.
А вот свойство font-family, font-size, text-shadow - они как раз is inherit, сиречь "передаются".
-----
"Бороться" с этим можно (пока) единственным способом - все свойства, кои не нужны в конкретном дочернем теге, унаследованные от "родителя", надо в стилях этого дочернего тега прописывать такими, какие нужны.
Как Вы это и сделали для font-family. | |
| |
|
|
| |
|
|
| |
для: Абырвалг
(07.03.2011 в 02:04)
| | | Поступил другим оставив:
.block
{
margin: 2cm 1cm 2cm 1cm;
padding: 0.2cm 1cm 0.2cm 0.6cm;
background: #faf0e6;
border: solid 5px gray;
border-radius: 10px;
}
.body_block
{
font-family: cursive;
font-size: smaller;
text-shadow: gray 0.3px 0.3px 7px;
}
|
И
<div class="block">
<div class="date">
<? echo date("l dS of F Y h:i:s A"); ?>
</div>
<div class="body_block">
sometext
</div>
</div>
|
А за то что про inherit объяснили - спасибо, а то я не понимал, для чего он есть ;) | |
| |
|
|
