Пример 6.1. Допустимые строки
'Гостиница "Турист"' В данном примере в первой строке применяются одинарные кавычки, а слово «Турист» взято в двойные кавычки. Во второй строке всё с точностью до наоборот, в третьей же строке используются только двойные кавычки, но внутренние экранированы с помощью слэша. Числа Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой (пример 6.2). Пример 6.2. Числа в качестве значений HTML5CSS 2.1IECrOpSaFx <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" > <title> Числа </title> <style> p { font-weight: 600; /* Жирное начертание */ line-height: 1.2; /* Межстрочный интервал */ } </style> </head> <body> <p> Пример текста </p> </body></html> Если в десятичной дроби целая часть равна нулю, то её разрешается не писать. Запись.7 и 0.7 равнозначна. Проценты Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна (пример 6.3). Пример 6.3. Процентная запись HTML5CSS 2.1IECrOpSaFx <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" > <title> Ширина в процентах </title> <style> TABLE { width: 100%; /* Ширина таблицы в процентах */ background: #f0f0f0; /* Цвет фона */ } </style> </head> <body> <table> <tr><td> Содержимое таблицы </td></tr> </table> </body></html> Проценты не обязательно должны быть целым числом, допускается использовать десятичные дроби, вроде значения 56.8%. Размеры Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера.
Читайте также: b) Пример классического. Воспользуйтесь поиском по сайту: ©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|