интервал

Каскадные таблицы стилей - CSS | Свойства шрифта: цвет, размер

, какие могут быть применены к произвольному участку текста — в том числе к одному-единственному символу. Впрочем, все эти свойства можно применять и к сколь угодно крупным участкам текста — примерно, к заголовку, к круглому отступу или вовсе ко всей веб-странице. можно придать обусловленный колер тексту и фону под ним, используя для этого свойства color и background-color. Значения цветов лучше итого указывать в стандартной шестнадцатертной модели RGB ( Red-Green-Blue ). #хххххх - тут вместо всякого символа х должна стоять шестнадцатеричная цифра (от 0 до f). Первые две цифры отвечают за красную (red) составляющую цвета, вторые — за малахитовую (green), третьи — за ультрамариновую (blue). Чем знатнее число в всякой из трех позиций, тем живописнее эта составляющая в настоящем цвете. Зная это, можно строить многие цвета «из головы». примерно, код #000000 означает, что яркость всякой составляющей равновелика 0 — стало, это вороной колер. Соответственно, меловой колер получается, если все составляющие будут максимальны: #ffffff. Если взять максимальное смысл красной составляющей и откинуть 00 в двух прочих, выйдет ярко-красный цвет: #ff0000. эдаким же образом можно получить ярко-синий и ярко-зеленый колер. Смешивая основные цвета товарищ с корешом, можно получить прибавочные цвета. примерно, если смешать ярко-красный и ярко-синий, выйдет ярко-фиолетовый: #ff00ff. Для цвета текста, фона и рамок рекомендуется использовать цвета из настолько именуемой неопасной палитры (или веб-палитры, Web colors). Эти цвета характеризуются тем, что всякая из трех составляющих цвета может владеть всего одно из вытекающих значений: 00, 33, 66, 99, cc, ff. примерно, цвета #ccff66 и #000099 смотрят к неопасной палитре, а цвета #808080 и #f3f3f3 — не смотрят. Если применять для текста, фона и рамок цвета не из неопасной палитры, могут возникнуть проблемы с их отображением в браузере, например: браузеры используют различные алгоритмы для переустройства кода в колер , кой пользователь лицезрит на экране. одинешенек и тот же код (если он не смотрит к неопасной палитре) может ввергнуть к крошечку неодинаковым нюансам в разных браузерах; кое-когда браузеры не отображают пунктуально тот колер , кой требуется, а «округляют» код до теснейшего, кой могут отобразить. В этом случае, если не используются цвета из неопасной палитры, может выйти настолько, что по художественному замыслу разработчика два элемента должны чуть-чуть выдаваться по цвету, а в браузере у пользователя они окрашиваются одинаково; если требуется , дабы колер текста, фона или рамки совпал с цветом графического элемента (например, дабы гарантировать «слияние» изображения-логотипа и находящегося под ним текстового блока с навигацией) — при использовании «небезопасных» цветов этого невозможно гарантировать. В веб-палитру входит 216 цветов. Этого более чем достаточно: в самом деле, если на странице для текста, фона и рамок применяется знатнее 10 разных цветов — это чащобе итого выглядит чрезмерно пестро и уродливо. настолько что даже 10 цветов вам подобает достать, не толкуя уж о 216. Для основного текста на сайте невозможно придумать ничего лучше, чем вороной текст (#000000) на белокипенном фоне (#ffffff). Это наиболее привычная и удобочитаемая цветовая гамма. С помощью вы можете раскрасить текст в какой угодно колер, однако удобочитаемость текста от этого потерпит, и вежды пользователя будут быстроходнее уставать. кой-какие разработчики почитают, что в выборе нестандартного цвета для текста проявляется их созидательная концепция. На самом деле не подобает быть таковских «концепций», какие ухудшают удобство и доступность сайта для пользователей. навыворот, разработчику вытекает применять свои созидательные способности к тому, дабы сделать сайт будто можно более покойным. наличествуют и прочие способы предписания цвета, среди которых: типовое имя цвета , например: color: green; background-color: yellow. Этот способ старомоден и не рекомендуется еще и потому, что большинство «стандартных» цветов не входят в безобидную палитру; сжатый шестнадцатеричный код : примерно, вместо #33сс99 можно написать просто-напросто #3с9, а вместо #999999 — просто-напросто #999; десятичный код в модели RGB , например: color: rgb(255,0,0). тут в всякой позиции может пребывать полное число от 0 до 255. можно прочесть в официальной документации от Консорциума W3C. Впрочем, в большинстве случаев не требуется прибегать к каким-то другим способам задания цвета, кроме всегдашнего шестнадцатеричного кода. font-family: шрифт, типовое семейство; font-family: шрифт1, шрифт2, . . . , шрифтN, типовое семейство; Свойство font-family задает гарнитуру шрифта — то, что многие стерпелись кликать просто-напросто словом «шрифт». Все гарнитуры делятся на два субъекта в соответствии с присутствием или отсутствием засечек на шабашах штрихов. Шрифты также можно расколошматить на две группы по иному признаку: соразмерные и моноширинные. эдакие шрифты наиболее раззвонены и характеризуются неодинаковой шириной символов. А в моноширинном шрифте всякий символ обладает одну и ту же ширину. Моноширинные шрифты как-то использовались в катающих машинках и телетайпах, а нынче их используют в основном программисты и кодировщики для комплекта и редактирования в своем текстовом редакторе отправных текстов программ, файлов и прочих подобных настоящих. одинакая ширина всех символов обеспечивает наглядность кода — необычно это прикасается горизонтальных отступов. разнообразность операционных систем и браузеров приводит к тому, что вы не век можете задать в какой-то обусловленный шрифт. примерно, на компьютерах под управлением операционной системы Linux зачастую не случается шрифта Arial, а на компьютерах под управлением Windows нечасто встречается шрифт Helvetica. посему в установлено несколько настолько именуемых типовых семейств шрифов. Вместо того дабы указывать конкретный шрифт, можно показать одно из типовых семейств. Браузер сам подвернет доступный шрифт из этого семейства. serif — соразмерный шрифт с засечками. Шрифтом из этого семейства большинство графических браузеров по умолчанию отображают текст, для какого не задано никакой конкретной гарнитуры шрифта. В Windows самым разболтанным шрифтом из этой группы являет Times New Roman; sans-serif — соразмерный шрифт без засечек. В Windows самым разболтанным шрифтом из этой группы являет Arial. Обозначения «serif» и «sans-serif» происходят из французской полиграфии: слово «serif» по-французски и на кой-каких прочих слогах означает «засечка», предлог «sans» — «без»; monospace — моноширинный шрифт (обычно с засечками, однако в сплошном случае зависит от системы и браузера). В Windows самым разболтанным шрифтом из этой группы являет Courier New. He вытекает злоупотреблять числом разных гарнитур на одной веб-странице. Гарнитуру шрифта для основного текста вообще лучше особенно не указывать: нехай текст отображается шрифтом, введенным в браузере по умолчанию — т. е. собственно тем шрифтом, к коему обвык пользователь. Для заголовков, панелей ссылок и прочих подобных элементов можно показать именно шрифт без засечек. всегдашне этого достаточно: если на странице использовать три и более разных гарнитур, это чащобе итого уродует ее внешний наружность, нарушает неразделимый пошиб. Многие шрифты смотрят к настолько величаемым акцидентным — они предуготовлены для заголовков и особых выделений, однако не подходят для комплекта беспрерывного текста. Если основной текст набран акцидентным шрифтом, скорость его чтения становится - медлительнее и вежды читателя быстроходнее устают. К акцидентным шрифтам смотрят, примерно, Arial Black, Impact и Comic Sans. Свойство font-size позволяет ввести размер шрифта (в типогафском деле размер шрифта именуется кеглем). смысл этого свойства лучше итого указывать в условных единицах, зовущихся em. всегдашний размер шрифта равновелик 1em. стало, если показать размер 2еm, то шрифт станет в два раза крупнее, а если 0.5еm — в два раза тоньше. наличествуют и прочие единицы измерения, какие можно использовать в значении свойства font-size. Однако все они по неодинаковым причинам менее предпочтительны, чем em. Фиксированные единицы : рх(пикселы), pt(типографские пункты), cm(сантиметры). Во многих браузерах(например, в Internet Explorer) предписание размера шрифта в фиксированных единицах приводит к тому, что пользователь не может оружиями браузера масштабировать шрифт, если он видится ему чрезмерно тонким или чрезмерно крупным. Это зажигает неудобства при чтении. С прочий сторонки, кой-какие прочие браузеры(например, Mozilla) позволяют масштабировать шрифт в любом случае, настолько что предписание конкретного размера в пикселах или пунктах становится просто-напросто идиотским. типовые обозначения : large, medium, small, x-smail и др. Браузеры по-разному разделывают эти размеры: примерно, при предписании любого из них шрифт в Mozilla будет отображаться тоньше, чем в Internet Explorer. таковский способ предписания кегля шрифта вытекает находить устаревшим. Проценты , например: font-size: 110%. Этот способ тоже менее универсален, чем предписание кегля с подмогой em. В кой-каких случаях он, будто и типовые обозначения, может приводить к по-различному отображению текста. Насыщенность шрифта — то же самое, что его «жирность». дабы сделать шрифт полужирным, необходимо написать: font-weight: bold; кое-когда получается регулировать насыщенность шрифта более детально. В качестве значения font-weight можно показать любое из чисел 100, 200, 300, 400, 500, 600, 700, 800, 900. Для того дабы это сработало, необходимо, дабы и сам шрифт, и браузер поддерживали различные степени насыщенности. В большинстве случаев значения от 100 до 500 (в кой-каких браузерах до 600) эквивалентны normal, а от 600 (в кой-каких браузерах от 700) до 900 эквивалентны bold. однако кое-когда при значении 500 или 600 браузеры жают насыщенность, «промежуточную» между normal и bold. Свойство font-style позволяет выделить текст курсивом. Для этого нужно написать: font-style: italic; (слово «italic» во многих европейских слогах означает «курсив»). кое-когда требуется, навыворот, сделать обыкновенным (прямым) шрифт, кой по умолчанию отображается курсивом — примерно, шрифт элемента caption или em. В этом случае необходимо написать: font-style: normal; Курсив, будто и полужирный шрифт, не подходит для беспрерывного текста. чащобе итого он используется для выделения в тексте раздельных слов. Не злоупотребляйте курсивом. Если на странице чрезмерно невпроворот курсивного шрифта, она выглядит уродливо. необычно уродливо выглядит полужирный курсив — эдакое оформление лучше вообще отродясь не применять. Свойство letter-spacing позволяет регулировать межбуквенный интервал, т. е. «прижимать» или «раздвигать» соседние буквы. Значения letter-spacing лучше итого указывать, будто и размер шрифта, в em. негативные значения приводят к уплотнению комплекта, позитивные — к разрядке. Рекомендуется указывать смертельно малые значения: в случае разрядки они не должны превышать ¼ кегля шрифта, иначе слово перестанет восприниматься будто монолитное полное. (Например, если кегль равновелик 1em, текст можно разрежать до 0.2еm; 0.25еm — это уже предел.) обыкновенному межбуквенному интервалу отвечает смысл 0 или normal. Межстрочный интервал — это дистанция между уровнями, на коих располагаются соседние строки. В большинстве случаев его не требуется менять. однако если все-таки возникает надобность изменить его, вытекает воспользоваться свойством line-height. Величину line-height можно указывать в em или в процентах. По умолчанию она всегдашне равновелика 1.2еm (то проглатывать 120 %). высь строки занимает 1em, и еще 0.2еm отводится на интервал между строками. Обратите внимание: все значения разделяются пробелами, кроме четы значений font-size и line-height, между какими ставится кривая беса. В свойстве font неизбежно указывать всего два значения: font-size и font-family. другие значения необязательны. Однако все значения, какие присутствуют, должны исходить товарищ за корешом жестко в показанном порядке: font-style, font-weight, font-size, line-height, font-family.

Похожие записи:

интервал

интервал

Каскадные таблицы стилей - CSS | Свойства шрифта: цвет, размер

Последнии записи

Популярные записи