css定位html元素的示例分析

这篇文章主要介绍css定位html元素的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
　　定位值有五种类型：static（静态的）、relative（相对的）、fixed（固定的）、absolute（绝对的）、sticky（黏性的）
　　static（静态的）
　　默认情况下，HTML元素定位为静态，元素根据文档的正常流程定位;静态定位元素不受顶部，底部，左侧和右侧属性的影响。一个元素用position:static定位不会有其他特殊的定位方式。
　　用于将位置设置为静态的CSS是：
　　position:static;
　　接下来是使用静态位置值的示例：
　　

　　body{
　　color:WHITE;
　　font:Helvetica;
　　width:420px;
　　}
　　.square-set,
　　.square{
　　border-radius:15px;
　　}
　　.square-set{
　　background:darkgrey;
　　}
　　.square{
　　position:static;
　　backgr免费云主机、域名ound:Green;
　　height:70px;
　　line-height:40px;
　　text-align:center;
　　width:90px;
　　}
　　
　　
　　
　　 　　SQUARE1 　　SQUARE2 　　SQUARE3 　　SQUARE4 　　

相关推荐: Web开发的网页浏览器现状是怎样的

Web开发的网页浏览器现状是怎样的，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。现在的互联网网络浏览器市场给我们呈现的是一个变化莫测的景观，各大网络互联网公司都有推出过自己的浏览器…