1ПИ / Учебник HTML / 203
.htmlУчeбник HTML.Таблицы стилей CSS.Селекторы.Классы.Атрибуты.Примеры. guide
<dimas>
help On-line учебник HTML с примерами,
справочник по созданию Web-сайтов. guide
<dimas>
help Главная Учебник HTML Учебник CSS Web- mastering Раскрутка Полезности FAQ Е- mailer Взять banner bookmark Контакты Отослать ссылку
Учебник CSS >>Единицы измерения Относительные размеры Абсолютные размеры Единицы определения цвета Относительные размеры Относительные размеры элементов документа HTML задаются при помощи относительных единиц измерения, которые указывают значение длины относительно других элементов документа. Таблицы стилей, которые используют такой тип единиц, намного легче перенастраиваются с одного типа устройств на другой.
К относительным единицам измерения относятся: em - размер, относительно размера буквы "m" ex - размер, относительно вертикального размера букв, соответствующего шрифта px - размер, использующий пиксели, относительно устройства вывода % - размер, использующий процентные значения, относительно основного размера Пример:
H1 { margin-left: 1.5em }
H3 { margin-left: 2ex }
span { font-size: 16px }
P { font-size: 150% } Дочерние элементы не наследуют относительные значения, указанные для их родительских элементов.
Абсолютные размеры Абсолютные единицы измерения полезны только в том случае, когда известны физические параметры устройства вывода. К ним относятся: in - размер, в дюймах, 1 дюйм равен 2.54 сантиметрам. cm - размер, в сантиметрах mm - размер, в миллиметрах pt - размер, в точках, 1 точка равна 1/72 дюйма. pc - размер, в пиках, 1 пика равна 12 точкам. Пример:
H1 { margin: 1.5in }
H2 { line-height: 5cm }
H3 { word-spacing: 3mm }
H4 { font-size: 16pt }
H4 { font-size: 2pc } Если указанное значение длины не поддерживается, то браузеры автоматически замещают его поддерживаемым значением. Кроме рассмотренных абсолютных единиц измерения, существуют еще несколько, предназначенных для голосовых и прочих браузеров. К ним относятся: deg, rad, grad, ms, s, Hz, kHz.
Единицы определения цвета ключевое слово - цвет задается, используя пользовательские настройки литерал - цвет задается, используя стандартные названия шестнадцатеричное - цвет задается, используя значения RGB процентное - цвет задается, используя значения десятичное - цвет задается, используя значения Пример:
H1 { color: background }
H2 { color: red }
H3 { color: #ff0033mm }
H4 { color: rgb(100%, 0%, 0%)}
H4 { color: rgb(255, 0, 125)}
Взять banner bookmark Контакты Отослать ссылку Раскрутка Полезности FAQ Е- mailer Главная Учебник HTML Учебник CSS Web- mastering guide
<dimas>
help u="u227.69.spylog.com";d=document;nv=navigator;na=nv.appName;t="";p=1; sz=" width=88 height=31 "; hl=history.length;d.cookie="b=b";c=0; bv=Math.round(parseFloat(nv.appVersion)*100); if (d.cookie) c=1;n=(na.substring(0,2)=="Mi")?0:1; if((n==0)||(bv >= 300)){rn=Math.random();t=(new Date()).getTimezoneOffset();} else {rn=0;} z="p="+p+"&rn="+rn+"&t="+t+"&c="+c+"&hl="+hl; if (self != top) { fr=1;} else { fr=0;} r=escape(d.referrer);r1=""; sl="1.0";h=0; pl="";sl="1.1"; if((n==1) && (bv >= 300)) { for(var i = 0; i < nv.plugins.length; i++) pl += nv.plugins[i].name+":"; } j = (navigator.javaEnabled() ? "Y" : "N"); sl="1.2";s=screen;wh=s.width+'x'+s.height; px=(n==0)?screen.colorDepth:screen.pixelDepth;z+="&wh="+wh+"&px="+px; sl="1.3" y=""; y+=""; y+=""; y+=""; d.write(y); On-line учебник HTML с примерами,
справочник по созданию Web-сайтов. guide
<dimas>
help