Вы находитесь на странице: 1из 3

Автор: Студенко А.В.

, КІТ-319
Лабораторна робота №2
ПОДАННЯ ТЕКСТУ НА ВЕБ-СТОРІНЦІ ЗАСОБАМИ CSS
Мета: Вивчення засобів та можливостей CSS для визначення розміру,
кольору, стилю та інших параметрів тексту на веб-сторінці.
Завдання до роботи:
Довільний текстовий документ (реферат, повідомлення, оголошення та ін.)
подати за допомогою HTML та CSS у вигляді веб-сторінки, яка повинна
містити:
 Заголовок;
 текст, розбитий на параграфи;
 окремі фрагменти тексту (пропозиції, слова чи символи) мають бути
задані згідно з табл. 1:
 за допомогою зовнішнього завдання CSS;
 за допомогою внутрішнього завдання CSS;
 за допомогою вбудованого завдання CSS;
 з використанням класів (щонайменше трьох).
20 color, text-shadow right, content, bold small-caps, writing-mode

Хід роботи:
Текст файлу lab2.html:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Использование CSS в HTML</title>
<link rel="stylesheet" href="./style.css">
<style>
  .p1{
    text-align: right;
    font-weight: bold;
  }
  .p1:before{
    content: open-quote;
  }
  .p1:after{
    content: close-quote;
  }
</style>

</head>
<body>
  <h1>Использование внешнего CSS с помощью файла.</h1>
  <p class="p1">Если говорить неправду достаточно долго, достаточно громко и
достаточно часто, люди начнут верить.</p>
  <p style = "font-variant:small-caps;writing-mode:horizontal-tb;">Граффи́
ти (мн. ч.
[1], в контексте исторических надписей единственное число — граффи́
то; от итал.
graffito, множ. graffiti) — изображения или надписи, выцарапанные, написанные или
нарисованные краской или чернилами на стенах и других поверхностях. К граффити можно
отнести любой вид уличного раскрашивания стен, на которых можно найти всё: от просто
написанных слов до изысканных рисунков.

    В исторической науке этот термин используется давно, но в более узком значении.


Когда заходит речь о древних эпиграфических памятниках, то разделяют понятия
«граффити» и «дипинти». Если последнее обозначает надписи краской, то «граффити» —
процарапанные надписи (сам термин непосредственно происходит от итальянского глагола
graffiare — «царапать»). В истории классического искусства, в частности, эпохи
итальянского Возрождения — сграффито (итал. sgraffito), или граффи́
то (итал. graffito —
процарапанный), — техника изображения и разновидность декорирования, которая
заключается в нанесении на основу, например кирпичную стену или поверхность
керамического изделия, двух и более различных по цвету слоёв кроющего материала
(цемента, штукатурки, ангоба) с последующим частичным процарапыванием по заданному
рисунку.</p>
    <p class="text1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores
nostrum sunt, laboriosam, dolor quibusdam natus voluptatum illum voluptate quisquam
quo distinctio accusantium voluptatem. Iusto, qui?</p>
    <p class="text2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem,
deserunt?</p>
</body>
</html>
Текст файлу style.css:
h1{
    color: blue;
    text-shadow: rgb(3, 26, 48) 5px -10px 0.6em;
}
body{
    background-color: lightgreen;
}
.text1{
    color:red;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
}
.text2{
    color: white;
    font-family: 'Times New Roman', Times, serif;
}
Результат роботи:

Висновки
У ході цієї лабораторної роботи були вивчені засоби та можливості CSS для
задання розміру, кольору, стиля та інших параметрів тексту на веб-сторінці.