Каскадні таблиці стилів призначені для визначення формату вмісту HTML-сторінки. Відповідно, всі команди, які використовуються в CSS, спрямовані на редагування вигляду будь-яких елементів HTML-документа.
Вам знадобиться
- Комп 'ютер з з' єднаним інтернетом.
Інструкція
1. Прочитайте, в яких цілях застосовуються каскадні таблиці стилів. Форматування тексту - це найбільш часто застосовувана функція каскадних таблиць стилів. Будь-який документ HTML містить величезну кількість текстової інформації в різних його частинах. Кожна частина сторінки повинна мати власний формат та шрифт: частина тексту є текстом меню, інша - заголовком, третя - основним текстом сторінки тощо. Для форматування текстової інформації використовуються команди, спрямовані на зміну назви шрифту, його розміру, жирності тощо.
2. Отже, в першу чергу, зверніть увагу на параметр стилю font-family. Цей атрибут надає вам змогу встановити певний шрифт для цього теґу. Назва шрифту пишеться після знака ":». Атрибут стилю font-size використовується для визначення розміру тексту, що міститься в теґі. Величина розміру так само записується після знака ":"і вказується в пікселях, наприклад," font-size: 20px».
3. Зауважте, що параметри стилю можна об 'єднувати і записувати разом через знак ";". Це зручно, якщо ви бажаєте вказати декілька параметрів для одного теґу.
4. Використовуйте атрибут стилю color для зміни кольору тексту. Назва кольору записується стандартним чином: green, blue, red тощо. Також ви можете вказати колір не лише тексту, але й колір тла. Для цієї мети служить атрибут background-color, після якого також необхідно вказати обраний колір. Якщо ви бажаєте використовувати тег як тег, а не заливку, а деяке зображення, зверніться до параметра стилю background-image, вказуючи після нього, нехай до джерела зображення.
5. Познайомтеся з атрибутами стилю, що визначають параметри елементів сторінки, до яких, насамперед, варто зарахувати padding, border, float, position.
6. Застосовуйте параметр padding для завдання величини поля, обмеженого цим тегом. При цьому ця величина відраховується від кожної зі сторін. Атрибут border задайте для створення обрамлення цього поля. Після двокрапки записується товщина рамки, вказана в пікселях. Властивість float дозволить елементу вашої сторінки "спливати" в праву або ліву сторону. У зв 'язку з цим уточнюючими параметрами цієї властивості є left або right.
7. Якщо необхідно точно вказати положення об 'єкта на документі, використовуйте властивість position. Воно визначає розташування елемента сторінки абсолютним способом, наприклад, "position:absolute;bottom:50px;right:10px; ", або відносним, відраховуючи відстані від країв сторінки.