Урок 8 - Презентация

Веб-формына HTML 5

•<input type=“email” required />

•<input type=”date” />

•<input type=”search” placeholder=”поиск” />

•<input type=“number”

min=“0” max=“10” step=“1” value=“1” />

• <input type=“range” min=“0” max=“10” step=“1” value=“1” />

Что нам дарит CSS 3

•Закругленные углы у блоков

•Тениу блоков

•Тениу текста

•Несколькофоновых изображений

•Полупрозрачныйфон

•Управлениеэлементами

Закругленныеуглы у блоков

border-radius: 5px; border-radius: 5px 3px 10px 7px; border-radius: 10px/3px;

Тени у блоков и у текста

Для блоков box-shadow:2px 3px 4px #ccc;

Для текста text-shadow:2px 3px 4px #ccc;

2px – смещениепооси X; 3px – смещениепооси Y; 4px – радиус размытия; #ccc– цвет тени;

Несколько фоновых изображений

background:

url(img/html5.png) top centerno-repeat, url(img/css3.png) top right no-repeat;

Полупрозрачныйфон

opacity: 0.1 …. 1;

Управлениеэлементами

textarea{

resize:both; (horizontal | vertical)

}

Префиксы для браузера

•-moz-(Mozilla)

•-webkit-(Chrome, Safari)

•-o-(Opera)

•-ms- (Internet explorer)

Выборхостинга

Загрузка проектов на сервер