html5静态定位,CSS Static 静态定位示例

CSS Static 静态定位示例

.box{

color: #fff;

background: #7dc765;

padding: 20px;

}

.container{

padding: 50px;

margin: 50px;

position: relative;

border: 5px solid black;

font-family: Arial, sans-serif;

}

.container p{

line-height: 50px;

}

CSS Static 静态定位示例

Note:此框位于静态位置，这是默认设置。 始终根据页面的正常流程进行定位.

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。