Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

январь 2021
Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


Чувашия-это моя Россия

Размер шрифта в CSS.

В каскадной таблице стилей CSS имеется свойство font-size для указания размера текста при создании страниц сайта. Есть много способов написания размера шрифта, и у каждого свое мнение на этот счет при создании сайта. Кому-то нравится крупные шрифты, другому арабская вязь, или строгих академический шрифт для изложения своих мыслей. В данном разделе рассматриваются различные ключевые слова и единицы измерения, а также их влияние на удобства использования font-size при создании сайта. Таким образом, поможет при создании и оформлении своего сайта и будет меньше вопросов: " Как создать сайт?"

                                 Значения, которые
                                 легко и просто запоминаются
                                 и всегда у вас под рукой: 
                                 
                         xx-small
                         x-small
                         small
                         medium
                         large
                         x-large
                         xx-large
                         smaller
                         larger
                         length
                         percentage
                         inherit. 
                         
                  начальное значение: medium , применимо: ко всем элементам,
                  наследуется: да.

В следующих примерах показывается использование свойства font-size и нескольких разных типов значений:

  
                        p.copyright {
                                font-size: x-small; 
                                }
                                
                        strong {
                                font-size: larger;
                                }
                                 
                        h2 {
                                font-size: 1.2em;
                                }
                                
                        p#intro {
                                font-size: 120%;
                                }

Абсолютные и относительные размеры.

Какая разница между абсолютными и относительными размерами шрифтов? Абсолютные размеры имеют четко определенные значения и понятный эквивалент на страницах сайта для всех одинаков и определен конкретно и четко. В CSS( каскадные таблицы стилей) абсолютные значения могут выражаться ключевыми словами, такими, как small или x-large, или абсолютными значениями длины, например cm( сантиметры), in( дюймы) или pt ( пункты, 1/72 доля дюйма), имеются еще много абсолютных величин. Кто знаком единицами измерений в физике, тот прекрасно представляет данную систему измерений длины.

Oтносительные размеры основываются на каком-то другом размере, например размере родительского элемента страниц сайта или размере текста в единицах еm ( в разы больше или в разы меьше размера шрифта на данной странице сайта). Относительные значения, такие, как еm или проценты %, обычно являются более предпочтительными, потому как клиентская отображаемая страница бывает разной, как говорится, лучше с чем-то соотносить и не быть категоричным, при этом легче и проще сохранить во всем пропорцию на странице сайта. На самом деле, уже после первого тестового просмотра на разных экранах в разных браузер Вы в этом убедитесь и будете четко представлять, что и как вам творить при создании вашего сайта.

Ключевые слова для указания абсолютных размеров и как создать сайт.

Ключевые слова для написания абсолютных размеров представляют собой описательные термины, применяющие таблицу размеров, которая имеется в браузере. В CSS( каскадные таблицы стилей) есть семь ключевых слов для указания абсолютных размеров, которые мы уже перечислили, ну, что ж повторимся: xx-small, x-small, small, medium, large, x-large и xx-large. Эти слова соответствуют не какому-то определенному размеру, а скорее находятся в определенном пропорциональном отношении друг к другу. В современных соответствующих стандартам браузерах по умолчанию принят размер medium, но все остально Вы вольны определяться сами и при этом не будете испытывать трудностей в выборе шрифта.

Единицы длины при создании бесплатного сайта.

Расскажем о таком способе указания размера, как использование единиц измерения. Некоторые единицы являются абсолютными, другие - относительными.

Абсолютные единицы измерения будете указывать такие как:

                     •	 pt (пункты, 1/72 доля дюйма в CSS 2.1);
                     •	 рс (пики, 1 пика равна 12 пунктам);
                     •	 mm (миллиметры);
                     •	 cm (сантиметры);
                     •	 in (дюймы).
                           Относительные единицы следующие:
                     •	 ет (расстояние от базовой линии до базовой линии
                           без дополнительного межстрочного интервала);
                     •	 ех (приблизительно равна высоте буквы «х» шрифта);
                     •	 рх (пикселы; в CSS пикселы являются относительными
                          единицами, поскольку их реальный размер зависит
                          от разрешения дисплея, а разрешения дисплеев 
                           могут быть очень разными, от 75-100 dpi до,
                            например, 300 dpi у принтеров.

Чтобы быстрее все эти значения запомнить, надо больше писать какой-либо текст на страницах сайта и придавать ему разные абсолютные значения шрифтов, тогда быстрее наберетесь опыта и знаний для создания своего сайта - в принципе они легко и просто запоминаются, но на зубок знать - то их необязательно, потому как текстовом редакторе, о котором говорил, все эти данные заложены, читаем еще... Так, что вперед и с песней смело и твердо шагая... Все имеется и все показано вам на этом сайте - выбирайте и читайте, интересно.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: