其实css教程文字移动的问题并不复杂，但是又很多的朋友都不太了解css文字向上浮动，因此呢，今天小编就来为大家分享css教程文字移动的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
一、css如何实现鼠标移至图片上显示遮罩层及文字
1.首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。
2.然后，查看样式定义。首先，查看图像容器和图像的样式，如图所示。这主要是准备我们的绝对定位口罩。
3.看看蒙版层的样式定义。代码如图所示。
透明度可以通过修改后面的0.7号来改变。1是完全不透明的，0是完全透明的。
4.然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。
5.添加mouseover和mouseout事件，主要是当鼠标移动到图像容器上时显示蒙版层，当鼠标移出时隐藏蒙版层。
6.刷新页面，您可以看到页面上显示的正常图片。
7.当我们把鼠标放在蒙版层上时，蒙版层就会显示出来。
二、css 定义了a标签的大小 怎么移动a标签的文字向左移动10个像素
1、有两种方法：a是行内标签，不能设置高宽和外边距margin，但能使用内边距padding
2、如果你不固定大小，应用padding;
3、需要用固定大小，把它变成行内块标签display: inline-block,这样后就可以设置高宽了，
4、这10px算a标签内，就用padding-left:10px;
5、这10px不算在a标签内，就用margin-left: 10px;注意：需设置成行内块元素才可以设置外边距，否则无效；
三、CSS文字下移几个PX
想要将css文字下移几个px的方法是有很多的也很简单，一般常见的方法是将文字放在div标签里，然后对div进行样式属性的配置。这样的好处是使文字被外层的div保护着，不会被外部干扰，可以单独进行更多的配置。以下演示具体步骤：
1、首先打开HTML文件编辑器，然后新建一个HTML文件并HTML文件的基本标签元素。
2、添加完基本标签元素后在body标签里添加一个div元素，然后在div元素里添加想要展示的文字。
3、接下来对div元素进行样式属性的设置，这里使用行外式的配置方法，也可以使用行内式，外部式都可以，假定要下移10个px单位，核心代码是margin-top：10px；
四、css如何使整个div中的整段文字右移
1、设置padding属性就可以移动文字，具体方法首先需要新建一个html文件，在里面使用div标签设置三段文字，给最后一个P标签添加一个class属性：
2、然后设置div标签的样式，设置首行缩进2字符，字体颜色，字体大小等属性，再设置最后的class属性的padding值，这里4段数字分别代表上、左、下、右的间距，设置好后打开浏览器：
3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点，至此就把div标签里的文字整体右移了：
关于css教程文字移动的内容到此结束，希望对大家有所帮助。
