КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Практическая верстка
|
|
|
|
Основные способы персонализации стилей для браузеров
Запись фильтра:
<css filter> tag{…}
Например:
* html div{…}
IE 6 и ниже
* html или *html
Только IE 7
*:first-child+html или *+html
IE 7 и все современные браузеры
html>body {}
Все современные браузеры, кроме IE 7
html>/**/body {}
Opera 9 и выше
*:first-child+html или html:first-child
Safari и FireFox (CSS3)
body:last-child {}
Замечание: под современными браузерами понимаются Firefox 2.0 и выше, Opera 9.0 и выше, Safari 2.0.2 и выше.
IE 6 к их числу не относится.
Также существует постоянно обновляемая таблица CSS-фильтров: http://thomas.tanreisoftware.com/css_filters/huzzah.html
Основые тэги, используемые при верстке HTML-документов:
Основые тэги, используемые при верстке HTML-документов
<!DOCTYPE html PUBLIC "..."><!-- указание типа стандарта -->
<html><!-- начало документа -->
<head><!-- заголовок документа -->
<title><!-- заголовок страницы --></title>
<meta content=""/><!-- meta информация -->
<style type="text/css"><!-- стилевая разметка, внутренний CSS --></style>
<link type="text/css" href="#"/><!-- подключение внешнего файла (CSS) -->
<script type=""><!-- скрипт --></script>
</head><!-- конец заголовка документа -->
<body><!-- начало тела -->
<h1><!-- Заголовок первого уровня --></h1>
<h2><!-- Заголовок второго уровня --></h2>
<h3><!-- Заголовок третьего уровня --></h3>
<h4><!-- Заголовок четвертого уровня --></h4>
<h5><!-- Заголовок пятого уровня --></h5>
<h6><!-- Заголовок шестого уровня --></h6>
<pre><!-- предварительно форматированный блок --></pre>
<p><!-- абзац -->
<a><!-- ссылка --></a>
<strong><!-- полужирный --></strong>
<em><!-- наклонный --></em>
<big><!-- большой текст --></big>
<small><!-- маленький текст --></small>
|
|
|
<sub><!-- нижний индекс --></sub>
<sup><!-- верхний индекс --></sup>
<cite><!-- цитата --></cite>
<span><!-- текстовый блок --></span>
<br/><!-- принудительный перенос строки -->
</p><!-- конец абзаца -->
<div><!-- блок (блочного типа) -->
<object><!-- вставка объекта, как правило работающего через plugin -->
<embed><!-- то же самое, но для некторых браузеров --></embed>
</object><!-- конец объекта -->
<img alt="" src="#"/><!-- изображение -->
</div><!-- конец блока (блочного типа) -->
<ul><!-- ненумерованный список -->
<li><!-- элемент списка --></li>
</ul><!-- конец ненумерованного списока -->
<ol><!-- нумерованный список -->
<li><!-- элемент списка --></li>
</ol><!-- конец нумерованного списока -->
<dl><!-- список определений -->
<dt><!-- определение --></dt>
<dd><!-- содержание --></dd>
</dl><!-- конец списока определений -->
<table><!-- таблица -->
<tr><!-- строка таблицы -->
<th><!-- ячейка заголовка таблицы --></th>
</tr><!-- конец строки таблицы -->
<tr><!-- строка таблицы -->
<td><!-- ячейка таблицы --></td>
</tr><!-- конец строки таблицы -->
</table><!-- конец таблицы -->
<form action=""><!-- форма -->
<div><!-- блок (блочного типа) -->
<fieldset><!-- блок полей ввода -->
<legend><!-- заголовок блока полей ввода --></legend>
<label><!-- ярлык поля ввода --></label>
<input/><!-- поле ввода -->
<textarea><!-- многострочное поле ввида --></textarea>
<select><!-- плеввода типа "выпадающий список" -->
<option><!-- элемент выпадающего списка --></option>
</select>
</fieldset><!-- конец блока полей ввода-->
</div><!-- конец блока (блочного типа) -->
</form><!-- конец форма -->
</body><!-- конец тела -->
</html><!-- конец документа -->
|
|
|
|
|
Дата добавления: 2014-12-16; Просмотров: 349; Нарушение авторских прав?; Мы поможем в написании вашей работы!