代码如下:
这里的缩进代码是:<style type="text/css">.text{text-indent:2em}</style>。从语法上来看,其实html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置,还是比较方便的。
HTML特点
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加 标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
简易性:超级文本标记语言 版本升级采用 超集方式,从而更加灵活方便。
通用性:另外, HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
平台无关性:虽然 个人计算机大行其道,但使用 MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是 万维网( WWW)盛行的另一个原因。
1、每行都放在p标签里,再设置p标签的样式。
2、在每行文字前面加空格或是span标签,设置span标签padding-left:2em这个数值自己改改也行。
例如:
p标签已经引用了一个css样式名:
second
那么就在此css样式内添加一个属性即可:
text-indent:2em
首行缩进两行,2em 是两个文字越大,间隔越大。
扩展资料:关于CSS设置字间距、行间距、首行缩进
一、字间距
1、text-indent设置抬头距离css缩进
即对对应div设置css样式text-indent : 20px缩进了20px
2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
即对对应div设置css属性样式为letter-spacing:8px,字间距为8px
二、行间距
在CSS中,可以设置行间距,格式如下:
标签名{line-height:参数}
根据参数不同有3种方法:
1、用数字参数设置
行间距=字号×参数
2、用单位参数设置
行间距=参数
3、用比例参数设置
行间距=字号×参数
1、打开Notepad++,新建一个文件
2、输入图中内容:
3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html
4、选择文件的保存位置,点击保存按钮
5、然后添加一个标签,输入一段用来测试的文字。
6、使用浏览器打开查看显示样式,现在还没有缩进。
7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"
8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!
这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。