- •Интернет. Интернет протокол ip
- •Интернет. Протокол tcp
- •3.Интернет. Протокол http
- •Html. Тэги для работы с текстом
- •5. Html. Тэги для создания таблиц
- •6. Html. Тэги для создания списков и гиперссылок.
- •7. Css. Задание цвета
- •8. Css. Задание параметров текста
- •9. Css.Группирование и наследование стилей
- •10. Css. Классы. Псевдо-классы.
- •Псевдоклассы, имеющие отношение к дереву документа
- •Псевдоклассы, задающие язык текста
- •12. Php. Типы данных. Функции
- •Integer (целочисленный тип)
- •Условия в php:
- •14. Php. Массивыивы в php – основы
- •Создание массива
- •Подсчет количества элементов
- •Пример 1
- •Результат примера 1:
- •15. Php. Работа с файлами и папками
- •Пример: Получить список файлов директории в виде массива
- •2)Подключение на php с использованием функций mysql_ (устар)
7. Css. Задание цвета
CSS (Cascading Style Sheets), или каскадные таблицы стилей, используются для описания внешнего вида документа, написанного языком разметки. Обычно CSS-стили используются для создания и изменения стиля элементов веб-страниц и пользовательских интерфейсов, написанных на языках HTML и XHTML, но также могут быть применены к любому виду XML-документа, в том числе XML, SVG и XUL.
Вот список основных ключевых слов, которые можно использовать:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow
Имена цветов обязательно нужно указывать маленькими буквами, т.к. CSS здесь чувствителен к регистру.
Вот пример использования ключевых слов:
body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }
В CSS тоже можно работать с RGB моделью цвета.
В случае использования 16-ричного представления цвета, перед указанием цвета ставится знак решетки (#)
Возможно указание цвета в виде десятичных значений:
em { color: rgb(255,0,0) }
Вместо цифр, возможно указание процентов. В этом случае числу 255 будет соответствовать 100%, а 0 – 0%.
em { color: rgb(100%,0%,7%) }
Если указать число более 255, то оно будет приведено к 255.
((em) — это масштабируемая единица измерения, которую использует в web. 1em равен текущему размеру шрифт)
В CSS тоже можно работать с RGBA моделью цвета (A – отвечает за прозрачность)
В итоге, модель RGBA выглядит следующим образом:
rgba(r,g,b,opacity)
opacity – значение от 0 до 1 с шагом 0.1.
1 – полностью непрозрачный цвет.
0 – полностью прозрачный цвет.
em { color: rgba(255,0,0,0.5)
В отличие от модели RGB, в модели RGBA нельзя представлять значение цвета в 16-ричной системе счисления
8. Css. Задание параметров текста
CSS-текст представляет набор свойств для форматирования текстового содержимого веб-страниц
|
text-indent |
Отступ первой строки текста в блоке |
|
text-align |
Выравнивание текста (left, right, center, justify) |
|
text-decoration |
Декорирование текста none (нет), underline (подчеркнутый), overline (надчеркнутый), line-through (перечеркнутый), blink (мерцающий) |
|
text-shadow |
Эффекты затенения текста |
|
letter-spacing |
Межсимвольное расстояние |
|
word-spacing |
Расстояние между словами |
|
text-transform |
Преобразование текста (none, capitalize (первая буква каждого слова заглавная), uppercase (все буквы заглавные), lowercase (все буквы строчные)) |
|
line-height |
Межстрочный интервал |
|
white-space |
Способ обработки символов пустого пространства внутри блока(normal, pre (не изменять символы пустого пространства ), nowrap (не разрывать строку)) |
Пример: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Шрифт</title>
<style type="text/css">
H1 {
font-family: Arial, Helvetica, Verdana, sans-serif; /* Гарнитура шрифта */
font-size: 150%; /* Размер текста */
font-weight: lighter; /* Светлое начертание */
}
</style>
</head>
<body>
<H1>Заголовок</H1>
<p>Обычный текст</p>
</body>
</html>