* display: block;

Scrum · December 21, 2010

Всем привет.

Случайно наткнулся на такую аномалию (хотя сие поведение вполне логично), не знаю уж баян может, но я до сего случайного эксперимента не встречал.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>title</title>
  <style type="text/css">
  * {
    border: 1px solid red;
    display: block;
  }
  </style>
</head>

<body>
body
</body>

</html>

и вот что мы видим в фф и опере ))

Ну и в дополнение ))


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>
    <h1>Hello</h1>
  </title>
  <style type="text/css">
  * {
    display: block;
  }
  html, body {
    min-height: 100%;
    margin: 0;
  }
  title {
    background: url(title.gif);
    padding: 50px 0;
    text-align: center;
    color: #fff;
    font: 40px arial;
  }
  style {
    display: none;
  }
  </style>
</head>

<body>
body
</body>

</html>

жаль h1 не понял ((

arez · December 22, 2010

и вот что мы видим в фф и опере ))

FireFox 3 default style

...
body {
  display: block  
  margin: 8px
}
...

Ничего аномального нет, скорее всего тоже самое в опере

Второй код не валиден, поэтому не понятно чего вы ожидали в нем увидеть

Edited December 22, 2010 by arez

Vlad · December 22, 2010

А я всегда утверждал, что неразумное использование * в стилях зло!

qwqwqw · December 22, 2010

у тега head стандартео стоит display:none;, а вы изменяте на block

Great Rash · December 22, 2010

Спасибо за разъяснения Кэп!

Scrum · December 22, 2010

Great Rash

+1

Вроде не вопрошал, а констатировал факт. ))

Vlad

Абсолютна согласен, хотел преподнести немного с шуткой но контингент отторг.

arez

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

Валидность не показатель ожидаемости. В данном случае нерациональное использование (да же в валидном варианте) привело к неожидаемому результату, что и вызвало небольшое умиление/удивление.

arez · December 22, 2010

Валидность не показатель ожидаемости. В данном случае нерациональное использование (да же в валидном варианте) привело к неожидаемому результату, что и вызвало небольшое умиление/удивление.

Вот это не валидно, не ожидаемо, не рационально, удивительно и просто прикольно:

http://css-tricks.com/using-css-without-html/

ЗЫ: ну и конечно это IMHO, ваш пример во мне таких чувств не вызвал, что не означает бессмысленности дальнейших поисков чудес

psywalker · December 25, 2010

Вот это не валидно, не ожидаемо, не рационально, удивительно и просто прикольно:
http://css-tricks.com/using-css-without-html/
ЗЫ: ну и конечно это IMHO, ваш пример во мне таких чувств не вызвал, что не означает бессмысленности дальнейших поисков чудес

А я не понял, в чём фишка примера?

Scrum · December 25, 2010

А я не понял, в чём фишка примера?

Думаю что в нетрадиционном использование псевдоэлемента ::after к элементу body который автоматически генерируется.

Интересно но сомнительно.

psywalker · December 25, 2010

Думаю что в нетрадиционном использование псевдоэлемента ::after к элементу body который автоматически генерируется.
Интересно но сомнительно.

Не вижу в этом ничего интересного. Мало того, считаю плевдоэлемент :after намного полезнее, чем ::after

Scrum · December 26, 2010

Не вижу в этом ничего интересного. Мало того, считаю плевдоэлемент :after намного полезнее, чем ::after

Да дело то не в полезности, по мне так оба варианта бесполезны и мало где применимы, а в нестандартности, если угодно то только развлечения ради.

Sign In

* display: block;

Recommended Posts

Scrum

Link to comment

Share on other sites

arez

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

qwqwqw

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

arez

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information