C#学习之css（二）

最新推荐文章于 2023-03-21 21:29:05 发布

weixin_30691871

最新推荐文章于 2023-03-21 21:29:05 发布

阅读量132

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/liuchao3329/p/5223905.html

版权

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

 1 <html>
 2     <head>
 3         <title>文档流</title>
 4         <style type="text/css">
 5             div{
 6                 width:300px;
 7                 height:300px;
 8             }
 9             div.div1{
10                 top:100px;
11                 left:100px;
12                 background-color:red;
13                 position:absolute;
14                 z-index:3;
15             }
16             div.div2{
17                 top:160px;
18                 left:160px;
19                 background-color:yellow;
20                 position:absolute;
21                 z-index:2;            }
22             div.div3{
23                 top:200px;
24                 left:200px;
25                 background-color:green;
26                 position:absolute;
27                 z-index:1;
28             }
29                 
30         </style>
31     </head>
32     <body>
33         <div class="div1"></div>
34         <div class="div2"></div>
35         <div class="div3"></div>
36     </body>
37 </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视图，都是堆起来的。

转载于:https://www.cnblogs.com/liuchao3329/p/5223905.html

weixin_30691871

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
C#学习之css（二）

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

扫一扫