HTML верстка начало. Метод перебора кода. Практика.

[10.11.2011 | 11:49]

Web_silver

index.html.
divы без стилей какая у них функция?

<div class="f_links">


					<div><a href="#">Cделаю дизайн сайта бесплатно</a></div>


					<div><a href="#">Хостинг по низким ценам</a></div>


					<div><a href="#">Что случилось со счетчиком mail.ru?</a></div>


					<div><a href="#">Перед закрытием</a></div>


					<div><a href="#">Новый вариант сайта</a></div>


				</div>

Для чего к заголовкам h2 h1 применяются сразу два стиля 14px 18px.

h1 {


    padding: 0px 0 0px 0;


    margin:0 0 4px 0;


    color:#00A0C6;


    font-size:14px;


    font-weight:normal;


    font-size:18px;


    }

Оценить: + | – 0 Комментировать

Раздел: Обучение
Теги:
Просмотров: 343

Комментарии (3):

[Sidoruk-SV] [10 ноября 11:50]

1. Так как div и p - блочные элементы, их иногда применяют для скидывания на следующую строчку (правильная и логичная замена
), в данном же примере показана не очень хорошая практика. Так как по сути этот блок представляет из себя список ссылок, по моему мнению, его лучше верстать через ul(ol)>li (по умолчанию li будут с новой строчки так как тоже блочный элемент)

<ul class="f_links" style="list-style-type:none; margin:0; padding:0">

    <li><a href="#">Cделаю дизайн сайта бесплатно</a></li>

    <li><a href="#">Хостинг по низким ценам</a></li>

    <li><a href="#">Что случилось со счетчиком mail.ru?</a></li>

    <li><a href="#">Перед закрытием</a></li>

    <li><a href="#">Новый вариант сайта</a></li>

</ul>

По блочным элементам почитать 2. По второму вопросу, это просто ошибка верстальщика, он не заметил первое указание шрифта и дописал своё, все равно в результате задействуется только последнее обьявление (18px)

Комментировать Ссылка Оценить: + | –

Григорий Кочнев [Greg] [10 ноября 13:43]

1. По поводу дивов: по сути это да, список тем. Предыдущий комментатор прав, можно было делать списком. Но тут сделано дивами т.е. блоками т.к. в теме возможно будет не только заголовок но и анонс + через наследование навешан стиль для отступа(всем div вложенным в блок с классом f_links присвоить стили...)

.f_links div {


    padding: 3px 0;


}

2. В стилях заголовка первый font-size лишний. Это банально помарка :)

Комментировать Ссылка Оценить: + | –

Балицкая Татьяна [inno1876] [10 ноября 14:05]

Ок. сп

Комментировать Ссылка Оценить: + | –

Написать комментарий

Комментарии к статье может оставить только зарегистрированный пользователь.

Вы можете также оставлять комментарии, авторизовавшись в одной из социальных сетей:

HTMLCSS/inno1876 Профиль

HTML верстка начало. Метод перебора кода. Практика.

Комментарии (3):

Написать комментарий

HTMLCSS/inno1876 ^{Профиль}