Date post: | 20-Jun-2015 |
Category: |
Technology |
Upload: | alexandrpavlov |
View: | 899 times |
Download: | 0 times |
Что будет?
Используем шрифт Calibri
И кое-что на сладкое
<!DOCTYPE html>
Размечаем
<header><nav></nav>
</header><section></section><footer></footer>
Немного магии
<script>document.createElement('header');document.createElement('nav');document.createElement('section');document.createElement('footer');
</script>
Блочим
header, nav, section, footer {display: block}
Подсвечиваем меню
nav a:hover
{
text-shadow: 0px 0px 10px #fff;
}
Придаем объем заголовкам
text-shadow: 1px 1px 0px #ec008c;
Это же Calibri!
@font-face {font-family: "calibri"; src: url('calibri.ttf') format('truetype');}h1 {font-family: “calibri”}
Еще как работает!
Скругляем легко!
section
{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
Красим таблицы
table tbody tr:nth-child(2n+1)
{
background: #161616;
}
Слушаем и смотрим
<video src="/video/swim.ogg" id="video" >
</video>
<audio src="/audio/bsh.mp3" controls>
</audio>
Спасибо за внимание