标签：sse ext mil order back href 动画 top type
<head> <link rel="stylesheet" type="text/css" href="assets/css/index.css"> </head>
<head> <style> #info-bar{ background-color: #23499E; /* 设置大小为0，从而实现从小到大的动画 */ opacity: 0; height: 0px; width: 0px; padding: 0px; border-radius: 50%; /* 设置字体 */ color: #31DE9F; font-weight: bold; font-size: 30pt; /* 定位在@+的上方，隐藏超出部分 */ position: fixed; left: 50%; top: 68%; transition: All 0.6s ease-in-out; } </style> </head>
style标签可以出现在html的任何位置，但是一般写在head标签内。
<div id="container" style="font-family: Arial, sans-serif;text-align: center;"></div>
1)放在html的style标签内：
<style> @import url(style.css); </style>
2)放在css文件中：
@import "style.css";
要做到关注点分离尽量用第一种和第四种，但是第一种目前更常用。
标签：sse ext mil order back href 动画 top type
原文地址：http://www.cnblogs.com/zmj97/p/6126428.html
