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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 372 3 темы, 22 сообщения, 8 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 72 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 60 0 тем, 8 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 19.08.2018
Топ 5 участников по репутации


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

#1 KeyEX

KeyEX
  • Неактивные
  • 1 сообщений
  • Репутация: 0
0

Отправлено 02 March 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

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Чтоб не наследовались стили css
  2. Что такое стили CSS и с чем их едят
  3. Как правильно составить CSS файл.
  4. Ваше мнение относительно оформления CSS
  5. Как разобраться с уже прописанными в шаблоне стилями

#2 denis79513

denis79513
  • Неактивные
  • 56 сообщений
  • Репутация: 7

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

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



Похожие темы

  Название темы Автор Статистика Последнее сообщение

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