Перейти к содержимому

Реферальная программа Мегаплана

Выбрать шаблон и создать сайт

Правильно ли составлены стили CSS

#1 KeyEX

KeyEX
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 02 Март 2013 - 14:25

Всем привет. я не так давно начал изучать css,html и вот решил попробовать создать мини сайт
дак вот сделал то я сделал только вот мне интересно верно ли я использовал свойства css?

Что можете сказать насчёт этих стилей :
body{
background: #3a2e2b;
}
div.top{
background: #4e423e;
width: 900px;
height: 140px;
left: 210px;
position: absolute;
color:#e28964;
font-size: 30px;
text-align: center;
letter-spacing: 5px;
line-height: 130px;
font-style: italic;
}
div.topr{
background-color: #e28964;
position: absolute;
left: 210px;
top: 140px;
width: 900px;
height: 50px;
}
/* Элементы P */
p{
color: #e28964;
font-size: 17px;
left: 10px;
margin-left: 10px;
margin-right: 10px;
}
p.minibar{
color: #4e423e;
font-size: 20px;
font-weight: bold;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
}
/* Элементы P END*/
  /*toplink*/
a.toplink{
color: #463935;
position: absolute;
font-size: 20px;
font-weight: bold;
text-decoration: none;
top: 11px;
border: thin solid #4e423e;
padding-right: 3px;
padding-left: 3px;
}
a.toplink:hover{
color: #7f6b66;
position: absolute;
font-size: 20px;
font-weight: bold;
text-decoration: none;
top: 11px;
border: thin solid #4e423e;
padding-right: 3px;
padding-left: 3px;
}
  /*end toplink*/
/* Блоки */
div.mimiblok{
background-color: #e28964;
width: 332px;
height: 145px;
margin-left: 15px;
margin-top: 20px;
margin-right: 15px;
}
div.buttomminiblok{
background-color: #4e423e;
width: 332px;
height: 30px;
margin-left: 15px;
margin-top: 20px;
margin-right: 15px;
color: #e28964;
font-size: 25px;
text-align: center;
}
div.blok1{
   background-color: #4e423e;
   position: absolute;
   left: 210px;
   top: 210px;
   width: 360px;
   height: 400px;
   z-index: 1;
}
div.blok2{
background-color: #463935;
position: absolute;
left: 860px;
top: 210px;
width: 250px;
height: 400px;
z-index: 2;
}
div.blok3{
background-color: #463935;
position: absolute;
left: 593px;
top: 210px;
width: 250px;
height: 400px;
z-index: 3;
}
div.blok4{
  background: #4e423e;
  position: absolute;
  left: 875px;
top: 230px;
   width: 220px;
height: 357px;
z-index: 4;
}
  div.blok5{
  background: #4e423e;
  position: absolute;
  left: 610px;
top: 230px;
   width: 220px;
height: 357px;
z-index: 4;
}
/* Блоки END */
div.niz{
  background: #3a2e2b;
  color:#877e7c;
  text-align: center;
  position: absolute;
  font-size: 25px;
  left: 600px;
  top: 620px;
}
Сам html код:
<html>
<head>
<title>By KeyEX</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="top">Тестовый дизаин c помощю CSS</div><br>
<div class="topr">
<a href="#" class="toplink" style="left: 20px;">Главная</a>
<a href="#" class="toplink" style="left: 120px;">Об авторе</a>
<a href="#" class="toplink" style="left: 240px;">Контакты</a>
</div><br>
<div class="blok1">
<div class="mimiblok"><p class="minibar"><font color="red">Версия №1</font><br>Предназнчена для чистки компютера от временных файлов что ускоряет работу фаиловой системы</p></div>
<div class="mimiblok"><p class="minibar"><font color="red">Версия №2</font><br>Предназнчена для чистки реестера компютера для наиболее быстрого реагирования системы</p></div>
<div class="buttomminiblok">Данные версии бесплатны</div>
</div><br>
<div class="blok2"></div><br>
<div class="blok3"></div><br>
<div class="blok4">
<p>Добро пожаловать на тестовую страничку,пока зедесь нечего нет но это не надолго!
в скором времени здесь будет много интересного и увлекательного,хотя врятли =D
<p>
</div><br>
<div class="blok5">
<p>Добро пожаловать на тестовую страничку,пока зедесь нечего нет но это не надолго!
в скором времени здесь будет много интересного и увлекательного,хотя врятли =D
<p>
</div><br>
<div class="niz">Style by KeyEX</div>
</body>
</html>

есть ли у вас замечания советы? помогите плиз!

 

 

  • 0

#2 denis79513

denis79513
  • Пользователь
  • 56 сообщений
  • Репутация: 7

Отправлено 06 Март 2013 - 16:35

Код валидный, остается лишь проверить на кроссбраузерность.
  • 0


Оформление форума – IPBSkins.ru