您的位置：首页 > Web前端 > CSS

C#学习之css（二）

2016-02-28 00:14 441 查看

2.背景
　　文档流：
　　　　脱离：position：absolute（绝对定位，定到哪就是哪）| fixed（固定的）。
　　　　　　z-index:1,2,3(越大显示在外面)

<html>
<head>
<title>文档流</title>
<style type="text/css">
div{
width:300px;
height:300px;
}
div.div1{
top:100px;
left:100px;
background-color:red;
position:absolute;
z-index:3;
}
div.div2{
top:160px;
left:160px;
background-color:yellow;
position:absolute;
z-index:2;            }
div.div3{
top:200px;
left:200px;
background-color:green;
position:absolute;
z-index:1;
}

</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>

3.文本
　　文字间距：word-spacing（单词之间的间距，根据空格计算）
　　　　　　　　letter-spacing（字符间的间距，每个字的间距）
　　对齐方式：text-align 水平对齐方式 left，right，center，justfy
　　上标：
　　下标：
　　排列方式：
　　段落高度：line-height
　　首行缩进：text-indent

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
p {
letter-spacing:20px;
text-align:center;
text-indent:10px;
}
</style>
</head>
<body>
<p>
css：cascading style sheet  层叠样式表
</p>
</body>
</html>

第一次接触火狐的3d视图，都是堆起来的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航