Варианты применений стилей

yujin11 · May 24, 2011

Всем добрый день. Вопрос к опытным специалистам:

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

Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле.

Пример кода для болей ясности.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
html{
  width:100%;
  height:100%}
body{
  width:100%;
  height:100%;}
#wrap ul{
  margin:0;
  padding:0;
  width:100px;}
#wrap ul li ul{
  width:100%;}
#wrap li li{
  padding-left:0px;
  list-style-type:none;}
#wrap li{
  padding:5px 0 5px 20px;
  border-bottom:1px solid blue;}
#wrap li a{
  color:red;
  text-decoration:none;}
#wrap li li a{
  color:green;}
</style>
</head>
<body>
<div id="wrap">
  <ul>
    <li>
      <a href="#">tru-la-la</a>
    </li>
    <li>
      <ul>
        <li>
          <a href="#">ta-ra-ra</a>
        </li>
        <li style="border:0;">
          <a href="#">ta-ra-ra</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="#">tru-la-la</a>
    </li>
    <li>
      <a href="#">tru-la-la</a>
    </li>
    <li style="padding-bottom:20px; border-color:red;">
      <a href="#">tru-la-la</a>
    </li>
  </ul>
</div>
</body>
</html>

Edited May 24, 2011 by yujin11

Great Rash · May 24, 2011

Неправильно. Это затрудняет дальнейшую поддержку кода.

yujin11 · May 24, 2011

Неправильно. Это затрудняет дальнейшую поддержку кода.

тогда нужно задавать идентификатор и тогда код в стиле будет иметь такой вид


#wrap ul #qwe{
  padding-bottom:20px; border-color:red;}

А употреблять классы на сколько я знаю не желательно, потому что они увеличивают скорость загрузки страницы.

Edited May 24, 2011 by yujin11

Great Rash · May 24, 2011

Даже если класс увеличивает скорость рендера, то совсем не на много (несколько миллисекунд). Зато если вам надо будет что-то поправить на сайте через год, то не придется вспоминать где у вас что-то прописано в CSS, а где что-то в HTML. А если будет CMS то вообще хоть вешайся...

В общем если хотите пишите как удобно. Рано или поздно вы дойдете до этого своим умом.

yujin11 · May 24, 2011

Даже если класс увеличивает скорость рендера, то совсем не на много (несколько миллисекунд). Зато если вам надо будет что-то поправить на сайте через год, то не придется вспоминать где у вас что-то прописано в CSS, а где что-то в HTML. А если будет CMS то вообще хоть вешайся...
В общем если хотите пишите как удобно. Рано или поздно вы дойдете до этого своим умом.

Спасибо за совет

alanvanduke · May 24, 2011

До сих пор не могу понять... Зачем пишут

html, body {
width:100%;
height:100%;
}

? Поясните, плиз.

Serlutin · May 24, 2011

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

Главное преимущество стилей в отдельном файле — это собственно его отделение.

Дело в том, что, когда используется какая-нибудь СMS найти кусок шаблона, которая выводит HTML, гораздо сложнее, чем подправить CSS.

html, body {
width:100%;
height:100%;
}

width скорее всего по незнанию , а вот height нужен для прижатого подвала.

P.S. Нашёл, что width: 100% решал какие-то проблемы с прижатым футером в Opera 9.5

Edited May 24, 2011 by Serlutin

Sign In

Варианты применений стилей

Question

yujin11

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

yujin11

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

yujin11

Link to comment

Share on other sites

alanvanduke

Link to comment

Share on other sites

Serlutin

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information