В прошлых видео мы познакомились с html и его основными тегами.
В этом уроке мы познакомимся с css. Язык css — язык визуализации html документа. В видео-уроке рассказывается, как подключить css к html, определяем синтаксис языка, понятие селектор, правило, учимся применять первые css правила. Так же в этом уроке вы узнаете о теге , для чего нужен тег .

Код урока (HTML)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Введение в css</title>

<style>
            h1 {
            font-size: 60px;
        }
    </style>

    <link rel="stylesheet" href="style.css"/>
</head>
<body>


<h1>hello world</h1>


<h2 style="color: red;">hello world</h2>


<h3>hello world</h3>


<h4>hello world</h4>


<h5>hello world</h5>


<h6>hello world</h6>



<ul>

<li>Item 1</li>


<li>Item 2</li>

</ul>




Lorem ipsum dolor sit amet, <span>consectetur</span> adipisicing elit. Voluptate enim sequi molestiae odit, voluptas ad, quas voluptatem eum fuga nisi dicta sunt vitae vero. Ratione tempore amet debitis quibusdam accusantium!




Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatem deserunt ratione, eum possimus consequatur laborum consequuntur quibusdam incidunt corrupti, temporibus necessitatibus voluptates quo iste? Perspiciatis corporis earum tenetur blanditiis.




Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores nemo incidunt, eius excepturi, quisquam ullam aliquid magnam omnis, delectus eos voluptas a neque aut. Iure harum eos similique error exercitationem.


<a href="#">ссылка</a>

</body>
</html>

Код урока (CSS)

h1 {
    font-size:60px;
}

li {
    font-style: italic;
}

h2 {
    color: red;
}

span {
    color: green;
    font-size: 25px;
}

a {
    font-weight: bold;
}

Введение в CSS

Код урока (HTML)

Код урока (CSS)

0 Comments

Submit a Comment Отменить ответ

Pin It on Pinterest