×

css 实例 cs

css 实例(css首行缩进2字符怎么设置)

admin admin 发表于2024-02-02 11:32:06 浏览29 评论0

抢沙发发表评论

大家好,css 实例相信很多的网友都不是很明白,包括css首行缩进2字符怎么设置也是一样,不过没有关系,接下来就来为大家分享关于css 实例和css首行缩进2字符怎么设置的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!

本文目录

css首行缩进2字符怎么设置

1、首先打开Notepad++软件,新建一个空文件

2、输入下图所示内容:

3、点击左上角的文件会出现下图所示界面点击保存

4、点击后会出现下图界面,文件名为css.html,这里CSS只是一个示例,其实只需要扩展名使用.htm或.html就可以了。选择好文件需要保存位置以后点击保存按钮即可

5、然后添加一个标签,输入一段用来测试的文字,具体如下图所示。

6、这个时候在浏览器里打开查看显示样式是没有缩进的。

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em;",具体如下图所示。

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的

几种css常用选择器实例详解

id选择器#id名{}, 类选择器.claaa名{}, 元素选择器div{} 子级选择器 div div{div下的所有div},属性选择 input【type=checkbox】所有type属性=checkbox的 兄弟选择器忘怎么写了 ,选择第一个子级#id名:Feist-child 选择最后一个元素是:last-child

css首行缩进2字符怎么设置的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于css首行缩进2字符怎么设置、css首行缩进2字符怎么设置的信息别忘了在本站进行查找哦。