Найти в Дзене

Создание сайта HTML #3 | Div и CSS

Благодаря блоку div можно кастомизировать наш HTML текст <div class= "название вашей группы(любое)"> ... </div> Так же в начале нужно написать <style type="text/css"> .ваш div { ... } </style> К примеру <html> <head> <title>Hello!</title> <style type ="text/css"> .hello { width: 200px;    padding: 10px;    padding-right: 25px;    border: solid 10px orange;    } .h { width: 150px;    padding-right: 25px;    border: solid 10px blue; } </style> </head> <body> <div class="hello"> <h1>    Hello World! </h1> <div class="h"> <h1>Hello</h1> <h2>Hello</h2> <h3>Hello</h3> <h4>Hello</h4> <h5>Hello</h5> <h6>Hello</h6> <p>Hello</p> <b>Hello</b> </div> </div> </body> </html> Нужно запомнить, что в CSS после каждого действия ставится знак ; Всё!

Благодаря блоку div можно кастомизировать наш HTML текст

<div class= "название вашей группы(любое)">

...

</div>

Так же в начале нужно написать

<style type="text/css">

.ваш div {

...

}

</style>

К примеру

<html>
<head>
<title>Hello!</title>
<style type ="text/css">
.hello {
width: 200px;
   padding: 10px;
   padding-right: 25px;
   border: solid 10px orange;
   }
.h {
width: 150px;
   padding-right: 25px;
   border: solid 10px blue;
}
</style>
</head>
<body>
<div class="hello">
<h1>
   Hello World!
</h1>
<div class="h">
<h1>Hello</h1>
<h2>Hello</h2>
<h3>Hello</h3>
<h4>Hello</h4>
<h5>Hello</h5>
<h6>Hello</h6>
<p>Hello</p>
<b>Hello</b>
</div>
</div>
</body>
</html>
-2

Нужно запомнить, что в CSS после каждого действия ставится знак ;

-3

Всё!