Архив рубрики: HTML,CSS

<html> <head> <meta charset=»utf-8″> <link rel=»stylesheet» href=»style.css»> <title>Блочная верстка</title> </head> <body> <div class=»wrapper»> <div id=»header»> <div class=»logo»><a href=»index.html»>Ikurs</a></div> </div> <div id=»nav»> <nav> <ul> <li><a href=»index.html»>Главная</a></li> <li><a href=»#»>Услуги</a></li> <li><a href=»#»>Контакты</a></li> </ul> </nav> </div> <div id=»content»> <div class=»sqr»></div> </div> <div id=»sidebar»>sidebar</div> <div id=»footer»>footer</div> </div> </body> </html> style.css /*Универсальный селектор 0 б*/ *{ margin:0; padding:0; box-sizing:border-box; } body{… Читать далее »

Шаблон главной страницы

@import «https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css»; @import «animate.css»; *{ box-sizing:border-box; margin:0; padding:0; } body{ background:url(images/crossword.png); font-family: ‘calibri’,sans-serif; font-size:1.25em; line-height:1.5em; } a{ text-decoration:none; } #header,#content,#footer{ width:100%; float:left; border:1px solid #FFF; } #header,#footer{ background:rgba(0,0,0,0.7); } #content{ margin-top:67px; } #up{ position:fixed; width:50px; right:5%; bottom:5%; } .fix{ position:fixed; top:0; left:0; width:100%; } h1,h2{ text-align:center; margin:40px 0; border-bottom: 2px solid #ff0; line-height: 0; }… Читать далее »

Теги HTML

Название Свойство Описание <p> абзац </p> блочный тег Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента. <br> Строчный… Читать далее »