css首行缩进的实现方法

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体,颜色,位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

css首行缩进的设置方法:首先新建一个HTML代码文件,然后给& lt; div>设置一个类类;接着在& lt; style>设置控制类的宽为400 px;最后设置标页签的首行缩进为两个字符即可。

新建一个HTML代码文件,然后在这个HTML代码页面上创建一个& lt; div>,同时给这个& lt; div>设置一个类类;然后在这个& lt; div>中创建几个& lt; p>,并个& lt; p>添加上内容。如图:

代码:

& lt; div 类=癱ont"比; 　　& lt; p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多& lt;/p> 　　& lt; p>的顶顶顶顶顶的顶顶顶顶顶& lt;/p> 　　& lt; p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多& lt;/p> 　　& lt;/div>

设置样式。在& lt; title>标签后面新建一个& lt; style>,在这个& lt; style>设置控制类的宽为400 px,然后设置标页签的首行缩进为两个字符。如图:

推荐:《css视频教程》

代码:

& lt; style> 　　.cont { 　　宽度:400 px; 　　} 　　.cont  p { 　　indent:, 2 em; 　　} 　　& lt;/style>

使用浏览器打开,即可看到首行缩进的效果。如图:

所有代码。直接复制所有代码,粘贴到新建html文件上,保存后使用浏览器打开即可看到所有效果。

代码:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; title>首行缩进& lt;/title> 　　& lt; style> 　　.cont { 　　宽度:400 px; 　　} 　　.cont  p { 　　indent:, 2 em; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　& lt; div 类=癱ont"祝辞 　　& lt; p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多& lt;/p> 　　& lt; p>的顶顶顶顶顶的顶顶顶顶顶& lt;/p> 　　& lt; p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多& lt;/p> 　　& lt;/div> 　　& lt;/body> 　　& lt;/html>

以上就是关于“css首行缩进的实现方法”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。

css首行缩进的实现方法