Я просто новичок в CSS, и я хочу, чтобы запустить эту конкретную анимацию, но пока не знаю, как назвать это в моем HTML файл http://www.impressivewebs.com/demo-files/css3-animated-scene/Как использовать эту анимацию CSS в моем HTML-файле?
Введите код CSS в файле с именем `style.css Тогда включают в себя, как показано:
<link rel="stylesheet" href="style.css">
Поместите style.css and a HTML page, for example page.html в той же папке и открытой `page.html. Должно работать :)
Я создал скрипку JS для вас: http://jsfiddle.net/kr2XU/
Вы должны link свой CSS в HTML-файл, например так:
<link rel="stylesheet" href="style.css">
В будущем, вы должны знаете очень простой и хороший способ анимации контента в ваших HTML-файлах, используйте продукт Adobe под названием Edge Animate. Он доступен со свободным членством Creative Cloud.
Вы можете узнать об этом подробнее here.
О вызове CSS селекторы, давайте пример:
main.css
.class1
{
background-color: #fff;
border: 1px solid #000;
}
#another_selector
{
background-color: #eee;
border: 1px solid #666;
}
В вашем HTML файл, вы будете иметь:
<div class="class1"> This div has the CSS class ".class1" </div>
<div id="another_selector"> This div has the "#another_selector" id </div>
См here a JSFiddle, который поможет вам понять, что происходит с теми, классов и идентификаторов.