Главная страница
qrcode

Книга научит вас основам современного веб-дизайна и сч ерпывающ ее руководствое издание эксмо


НазваниеКнига научит вас основам современного веб-дизайна и сч ерпывающ ее руководствое издание эксмо
Анкор1. HTML5 CSS3 i JavaScript Ischerpyvayuschee rukovod.pdf
Дата21.05.2017
Размер23.7 Mb.
Формат файлаpdf
Имя файла1_HTML5_CSS3_i_JavaScript_Ischerpyvayuschee_rukovod.pdf
оригинальный pdf просмотр
ТипДокументы
#20646
страница8 из 8
Каталог
1   2   3   4   5   6   7   8

3. Для заголовка Бистро "Черный гусь. Летнее меню я хочу использовать фантазийный шрифт, поэтому я выбрала бесплатный шрифт Marck Script на сайте Google Web Fonts (w ww.google.com / webfonts). Сервис Google предоставил необходимый код, связывающий файл шрифта, хранящийся на сервере компании, с моим файлом (фактически это ссылка на внешнюю таблицу стилей).
Его необходимо вставить в раздел заголовка документа, так что скопируйте без изменений. Далее напишите правило, которое будет применяться к элементу
hi. Обратите внимание, что в качестве запасного варианта я указала Georgia или другой шрифт с засечками {font-family: Verdana, sans-serif;}
hi {font-family: "Marck Script", Georgia,
serif;}

5. Сохраните документ и обновите страницу в брау­
зере. Он должен выглядеть так, как показано на рис. 12.3. Обратите внимание, что для просмотра шрифта заголовка Marck Script вам необходимо подключение к Интернету. Мы поработаем над размером шрифта в следующем разделе.
б ист ро верный Гусь Летнее меня Рязань, ул. Электровольтная, Часы Пн-Вт: с 11 до 21, Пт-Сб: с 11 до полуночи
Закуски
В этом сезоне мы представляем несколько новых закусок от шеф-повара Егора Зуева!
Капрезанте
Изысканная легкая закуска из помидоров Черри, шариков сыра моцарелла "вишенка" с рукколой под оливковым маслом с орегано. 249 руб.
Карпаччо из помидоров — новин ка!
Неординарная закуска из помидоров конкассе под кольцами красного лука с маслинами и рукколой. Заправляется оливковым маслом с добавлением свежевыжатого сока лимона. 199 руб.
Первые блюда В нашем бистро каждый день готовятся три первых блюда на ваш выбор.
Томатный суп — н овинка!
Томатный острый суп-пюре снежным куриным муссом и сметаной . Острый руб.
Крем-суп из шампиньонов
Нежный сливочный суп из шампиньонов с укропом и гренками. 279 руб.
Суп-пюре из лосося
Нежный суп из филе лосося и сливок. Подается с королевской креветкой. 289 руб. Внимание Острое блюдо.
Р ис. 12.3. Меню после изменения шрифтов
Глава 12. Форматирование текста (включая селекторы
Свойства шрифта
Определение размера шрифта
Чтобы задать размер текста, используйте свойство с именем
font- Принимаемые значения:значение длины

\ проценты
|
xx-small |
x-small
|
small |
medium |
large |
x-large |xx-large
j
smaller |
larger |
Значение no умолчанию Применение ко всем элементам
Н ас лед о ван и е:да
Вы можете задать размер шрифта текста следующими способами:

Конкретным значением, используя одну из единиц измерения длины в CSS (см. врезку Единицы измерения в CSS» для полного списка единиц измерения, как показано здесь

{ font-size: 1.5em; При указании единиц удостоверьтесь, что аббревиатура единицы измерения расположена сразу за числом, без пробела между ними. Так писать НЕПРАВИЛЬНО пробел перед Процентным значением, задающим размер шрифта больше или меньше размера шрифта элемента по умолчанию или унаследованного размера шрифта
{ font-size: 150%; Используя одно из абсолютных зарезервированных слов
(xx-small,
x-small, small, medium, large, x-large, xx-large). В большинстве современных браузеров зарезервированное слово
medium соответствует размеру шрифта по умолчанию
{ font-size: x-large; Используя относительные (или сравнительные) зарезервированные слова
(larger или
smaller), чтобы заставить отображаться текст больше или меньше близлежащего текста t r o n g
{ font-size: larger; Я сокращу перечень и отмечу, что, несмотря на все эти варианты, предпочитаемыми значениями для свойства
font-size в современном веб­
дизайне являются единицы измерения еш и процентные значения (или их сочетания. О других значениях свойства
font-size я расскажу чуть позже, а сейчас давайте начнем обсуждение с наиболее часто используемого подхода.
Как единицы измерения еш, таки проценты являются относительными единицами измерения, что означает, что они основываются на другом размере, а именно на размере шрифта
font-size родительского элемента.
Часть Правила CSS для представления
1   2   3   4   5   6   7   8

перейти в каталог файлов


связь с админом