Заключение

Попытайтесь сделать один и тот же дизайн в соответствии с несколькими спецификациями. Не забудьте проверить правильность полученных документов и CSS. Попробуйте свои силы в создании веб-документов оптимизированных для поисковых систем. Не жалейте времени, чтобы разобраться в непонятных для вас вопросах.

Все замечания, предложения и поправки просьба высылать по адресу: aromashkin@w3.com.ua

Желаю удачи!

Приложение

Таблица поддержки email-клиентами свойств CSS.

http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html

Support for the <style> element
	Outlook 2003/Express	Outlook 2007	AOL 9	Lotus Notes	Thunderbird	Gmail	Hotmail	Live Mail	Old Yahoo!	New Yahoo!	Mac Mail	Entourage	Eudora	Thunderbird
<style> element in the <head>	+	+	+	-	+	-	-	+	+	+	+	+	-	+
<style> element in the <body>	+	+	+	-	+	-	+	-	+	+	+	+	-	+

Support for the <link> element
	Outlook 2003/Express	Outlook 2007	AOL 9	Lotus Notes	Thunderbird	Gmail	Hotmail	Live Mail	Old Yahoo!	New Yahoo!	Mac Mail	Entourage	Eudora	Thunderbird
<link> element in the <head>	+	+	+	+	+	-	-	-	-	+	+	+	-	+
<link> element in the <body>	+	+	+	+	+	-	-	-	-	+	+	+	-	+

Support for CSS Selectors
	Outlook 2003/Express	Outlook 2007	AOL 9	Lotus Notes	Thunderbird	Gmail	Hotmail	Live Mail	Old Yahoo!	New Yahoo!	Mac Mail	Entourage	Eudora	Thunderbird
*	+	-	+	-	+	-	+	+	+	+	+	+	-	+
e	+	+	+	-	+	-	+	+	+	+	+	+	-	+
e > f	-	-	-	-	+	-	-	-	+	+	+	+	-	+
e:link	+	+	+	-	+	-	+	+	+	+	+	+	-	+
e:active, e:hover	+	-	+	-	+	-	+	+	+	+	+	+	-	+
e:focus	-	-	-	-	+	-	-	-	+	+	+	+	-	+
e+f	-	+	-	-	+	-	+	-	+	-	+	-	-	+
e[foo]	-	-	-	-	+	-	+	-	+	+	+	-	-	+
e.className	+	+	+	-	+	-	+	-	+	+	+	+	-	+
e#id	+	+	+	-	+	-	+	-	+	+	+	+	-	+
e:first-line	+	-	+	-	+	-	+	-	+	+	+	+	-	+
e:first-letter	+	-	+	-	+	-	+	-	+	+	+	+	-	+

Support for CSS Properties
	Outlook 2003/Express	Outlook 2007	AOL 9	Lotus Notes	Thunderbird	Gmail	Hotmail	Live Mail	Old Yahoo!	New Yahoo!	Mac Mail	Entourage	Eudora	Thunderbird
background-color	+	+	+	-	+	+	+	+	+	+	+	+	-	+
background-image	+	-	+	-	+	-	+	-	+	+	+	+	-	+
background-position	+	-	+	-	+	-	-	-	-	+	+	+	-	+
background-repeat	+	-	+	-	+	-	+	-	+	+	+	+	-	+
border	+	+	+	-	+	+	+	+	+	+	+	+	-	+
border-collapse	+	+	+	-	+	+	+	+	+	+	+	-	-	+
border-spacing	-	-	-	-	+	+	-	-	+	+	+	-	-	+
bottom	+	-	+	-	+	-	+	-	+	-	+	+	-	+
caption-side	-	-	-	-	+	+	-	+	+	-	-	-	-	+
clear	+	-	+	-	+	+	+	+	+	+	+	+	-	+
clip	+	-	+	-	+	-	+	-	+	-	+	+	-	+
color	+	+	+	+	+	+	+	+	+	+	+	+	-	+
cursor	+	-	+	-	+	-	+	+	+	+	+	-	-	+
direction	+	-	+	+	+	+	+	+	+	+	+	-	-	+
display	+	-	+	+	+	+	+	+	+	+	+	+	-	+
empty-cells	-	-	-	-	+	+	-	+	+	+	+	-	-	+
float	+	-	+	-	+	-	+	+	+	+	+	+	-	+
font-family	+	+	+	+	+	-	+	+	+	+	+	+	-	+
font-size	+	+	+	+	+	+	+	+	+	+	+	+	-	+
font-style	+	+	+	+	+	+	+	+	+	+	+	+	-	+
font-variant	+	+	+	-	+	+	+	+	+	+	+	+	-	+
font-weight	+	+	+	+	+	+	+	+	+	+	+	+	-	+
height	+	-	+	-	+	-	+	+	+	+	+	+	-	+
left	+	-	+	-	+	-	+	-	+	-	+	+	-	+
letter-spacing	+	+	+	-	+	+	+	+	+	+	+	+	-	+
line-height	+	+	+	-	+	+	+	+	+	+	+	+	-	+
list-style-image	+	-	+	-	+	-	+	-	+	+	+	+	-	+
list-style-position	+	-	+	-	+	+	-	+	-	+	+	+	-	+
list-style-type	+	-	+	+	+	+	-	-	+	+	+	+	-	+
margin	+	+	+	-	+	+	-	-	+	+	+	+	-	+
opacity	-	-	-	-	+	-	-	-	+	-	+	-	-	+
overflow	+	-	+	-	+	+	+	+	+	+	+	-	-	+
padding	+	+	+	-	+	+	+	+	+	+	+	+	-	+
position	+	-	+	-	+	-	-	-	-	-	+	+	-	+
right	+	-	+	-	+	-	+	-	+	-	+	+	-	+
table-layout	+	+	+	-	+	+	+	+	+	+	+	+	-	+
text-align	+	+	+	+	+	+	+	+	+	+	+	+	-	+
text-decoration	+	+	+	+	+	+	+	+	+	+	+	+	-	+
text-indent	+	+	+	-	+	+	+	+	+	+	+	+	-	+
text-transform	+	+	+	-	+	+	+	+	+	+	+	+	-	+
top	+	-	+	-	+	-	+	-	+	-	+	+	-	+
vertical-align	+	-	+	-	+	+	+	+	+	+	+	+	-	+
visibility	+	-	+	-	+	-	+	+	+	+	+	+	-	+
white-space	-	+	-	-	+	+	+	+	+	+	+	+	-	+
width	+	-	+	-	+	+	+	+	+	+	+	+	-	+
word-spacing	+	-	+	-	+	+	+	+	+	+	+	+	-	+
z-index	+	+	+	-	+	-	+	-	+	-	+	+	-	+

Краткая таблица CSS-фильтров.

	Filter	CSS Level	Mozilla	Internet Explorer for Windows			Opera	Safari
	Filter	CSS Level	1.8+	7	6	5.5	9.0-9.21	Web Kit	2.02-2.04
entire style sheets	@import url(styles.css) all;	1	Y	N	N	N	Y	Y	Y
	@import url(styles.css) All;	1	Y	N	N	N	Y	Y	Y
	@import "style.css"/**/;	1	Y	Y	Y	N	Y	Y	Y
	@import url(/**/"style.css");	1	Y	N	Y	N	N	N	N
	<!---->stylesheet	1	Y	N	N	N	Y	Y	Y
single rules	.fake.classname selector	1	N	N	Y	Y	N	N	N
	selector[attribute]	1	Y	Y	N	N	Y	Y	Y
	selector[attribute =value]	1	Y	Y	N	N	Y	Y	Y
	selector[attribute$="ending"]	1	Y	Y	N	N	Y	Y	Y
	selector:lang(languageCode)	1	Y	N	N	N	Y	Y	N
	[attribute\|="hyphenated-value"]	1	Y	Y	N	N	N	Y	Y
	selector, [dummy]	1	Y	Y	N	N	Y	Y	Y
	selector, [dummy="dummy"]	1	Y	Y	N	N	Y	Y	Y
	s\65 lector	1	Y	Y	Y	N	Y	Y	Y
	se\lector	1	Y	Y	Y	N	Y	Y	Y
	*>div selector	1	Y	Y	N	N	Y	Y	Y
	* html selector	2	N	N	Y	Y	N	N	N
	html>body selector	2	Y	Y	N	N	Y	Y	Y
	html>/**/body selector	2	Y	N	N	N	Y	Y	Y
	*+html selector	2	N	Y	N	N	N	N	N
	*:first-child+html selector	2	N	Y	N	N	N	N	N
	selector:/* */first-child	1	Y	Y	N	N	Y	Y	Y
	html:first-child selector	2	N	N	N	N	Y	N	Y
	head:first-child+body selector	2	Y	Y	N	N	Y	Y	Y
	head+body selector	2	Y	Y	N	N	Y	Y	Y
	head + /* */ body selector	1	Y	N	N	N	Y	Y	Y
	head ~ body selector	1	Y	Y	N	N	Y	Y	N
	html:not(:only-child) selector	1	Y	N	N	N	N	N	N
	html[lang*=""] selector	1	N	Y	N	N	Y	Y	Y
	html:not([lang*=""]) selector	1	Y	N	N	N	N	N	N
	html/* /:not([lang=""]) selector	1	Y	N	N	N	N	N	N
	html:/* /not([lang=""]) selector	1	Y	N	N	N	N	N	N
	html[xmlns] selector	1	Y	Y	N	N	Y	Y	Y
	voice-family: "\"}\"";voice-family: inherit;property: value;	2	Y	Y	Y	N	Y	Y	Y
single declarations	property /**/:value;	1	Y	Y	N	Y	Y	Y	Y
	property: /**/value;	1	Y	Y	Y	N	Y	Y	Y
	p\roperty:value;	1	Y	Y	Y	N	Y	Y	Y
	<!--[if IE]> markup <![endif]-->		N	Y	Y	Y	N	N	N
XHTML based	<style … ><!---->stylesheet</style>		Y	N	N	N	Y	Y	Y
	<link media="screen and all" … />		Y	N	N	N	Y	Y	N
	<style media="screen and all" … />		Y	N	N	N	Y	Y	N
	<link type="text/nonsense" … />		N	N	N	N	Y	Y	Y
	<style type="text/nonsense" … >		N	N	N	N	Y	N	N
	<link type="text/css; charset=charset" … />		Y	N	N	N	Y	Y	Y
	<link rel="extra-keyword stylesheet" … />		Y	N	N	N	Y	Y	Y
	<link title="should load" … /><link title="shouldn't load" … />		N	Y	Y	Y	N	N	N
	<link/style title="should load" … ><style title="probably shouldn't load" … />		N	Y	Y	Y	Y	N	N

1 В IE6 есть проблема: родитель по-умолчанию не принимает значение высоты от дочерних элементов, если они имеют свойство float не равное none.

2 В IE6 есть проблема: при указании свойства float в состояние left либо right соответствующий margin (margin-left либо margin-right соответственно) удваивается.

PAGE 1

<<< < Предыдущая 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3334 / 3434

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

#
11.02.201549.49 Кб5Anglysky_yazyk.docx
#
11.02.201550.2 Кб25Aгамаммет.docx
#
11.02.2015909.82 Кб9Basel Core principles_2012.doc
#
09.11.201864 Кб3BEC.doc
#
28.08.201974.24 Кб0Biznes_planir_shp.doc
#
15.11.2018462.77 Кб6book.docx
#
11.02.2015735.74 Кб15businessplan.doc
#
11.02.201536.74 Mб92Business_Model_Generation.pdf
#
29.03.2016408.58 Кб14byudzhetka_1 (1).doc
#
11.02.2015414.72 Кб9Byudzhetnaya_sistema_26_1_2011.doc
#
22.11.2019105.47 Кб2Chymia II etap.doc