CSS文字下移几个PX

html-css06

CSS文字下移几个PX,第1张

想要将css文字下移几个px的方法是有很多的也很简单,一般常见的方法是将文字放在div标签里,然后对div进行样式属性的配置。这样的好处是使文字被外层的div保护着,不会被外部干扰,可以单独进行更多的配置。以下演示具体步骤:

1、首先打开HTML文件编辑器,然后新建一个HTML文件并HTML文件的基本标签元素。

2、添加完基本标签元素后在body标签里添加一个div元素,然后在div元素里添加想要展示的文字。

3、接下来对div元素进行样式属性的设置,这里使用行外式的配置方法,也可以使用行内式,外部式都可以,假定要下移10个px单位,核心代码是margin-top:10px;

4、保存后运行,效果如图:

div img{} 这样的话只有div内的img才会匹配这个样式,div本身不会的。

像这样用空格隔开的选择器表示前后包含关系,用文字来描述就是“div内的img”;

如果是用逗号隔开的比如 div,img{} 则是平行关系,用文字来描述就是“div以及img”,这样的话这个样式就会同时匹配到这两种标签上;

如果是类似这样的 div.abc 则是一种叠加的关系,即“类(class)名为abc的div”;

div#abc 则是“ID为abc的div”