Intro to CSS
In last lesson we met with html and its key tags
In this lesson we’ll know about css. CSS is visualization html page language. The major parts of this lesson are css including to html, css syntax, css selectors, css rules. You will learn to write your first css rules. Also you will know about span tag.
In this lesson we’ll know about css. CSS is visualization html page language. The major parts of this lesson are css including to html, css syntax, css selectors, css rules. You will learn to write your first css rules. Also you will know about span tag.
Code lesson (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>
Code lesson (CSS)
h1 {
font-size:60px;
}
li {
font-style: italic;
}
h2 {
color: red;
}
span {
color: green;
font-size: 25px;
}
a {
font-weight: bold;
}
0 Comments