【笔记】《js权威指南》- 第16章脚本化CSS 16.2 重要的CSS属性

zazisb

于 2016-04-08 12:33:01 发布

阅读量302

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： position z-index 文本阴影 text-shadow

本文链接：https://blog.youkuaiyun.com/zazisb/article/details/51095416

CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了CSS中用于定位元素的position属性及元素层叠显示的z-index属性，并通过实例展示了如何使用这些属性来实现文本阴影效果。

1.重要属性：

2.用CSS定位元素：

(1).position属性：

(2). z-index属性：

元素层叠顺序，为整型，如果值相同那么按照在文档中出现的顺序。

(3). 文本阴影：

<span style="text-shadow: 3px 3px 1px #888">Shadowed</span>

<!-- 模拟实现 -->
<span style="position: relative;">
    Shadowed
    <span style="position: absolute; top: 3px; left: 3px; z-index: -1; color: #888">
        Shadowed
    </span>
</span>