`
conkeyn
  • 浏览: 1522826 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

第6章 文本属性==>文本缩进 P135

    博客分类:
  • CSS
阅读更多

通过使用text-index属性,所有元素的第一行都可以缩进一个给定长度,甚至该长度可以是负值。当然,这个属性最常见的用途是将段落的首行缩进:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
p{
	text-indent:2em;
}
</style>
</head>

<body>
<p>
This is paragraph element,which means that the first line will be indented a quarter-inch.The other lines in the paragraph will not be indented,no matter how long the paragraph many be.
</p>
</body>
</html>

 

  • 大小: 11.7 KB
分享到:
评论

相关推荐

    HTML标签解释大全

    &lt;p&gt;第一行文本.&lt;br&gt;第二行文本.&lt;/p&gt; ``` ##### 标签:button - **说明**:`&lt;button&gt;` 标签用于指定其中所含的HTML要被渲染为一个按钮。例如: ```html &lt;button type="button"&gt;点击我&lt;/button&gt; ``` ##### 标签...

    Java 设置Excel单元格对齐方式、文本旋转、换行、缩进.pdf

    本篇文章主要探讨如何使用Java来设置Excel单元格的样式,包括对齐方式、文本旋转、换行以及缩进。为了实现这些功能,我们可以借助第三方库Free Spire.XLS for Java。 首先,要使用Free Spire.XLS for Java库,你...

    自定义TextView实现首行缩进

    在HTML中,我们可以使用`&lt;p&gt;`标签配合`text-indent`属性来实现这一效果,但在Android的原生TextView中,我们没有直接的API来设置首行缩进。因此,我们需要自定义一个TextView类,并在其内部实现这个功能。 下面我们...

    html5笔记.docx

    - **类型选择器**:如`p`选择所有`&lt;p&gt;`元素。 - **类选择器**:如`.classname`选择带有特定类的所有元素。 - **ID选择器**:如`#idname`选择带有特定ID的元素。 - **属性选择器**:如`[attribute=value]`选择...

    HTML_教程HTML语法教学

    排版标签用于控制文档布局,例如设置文本对齐方式、添加缩进等。 - **`&lt;div&gt;`**:定义一个部分或节。 - **`&lt;span&gt;`**:用于标记文档中的小部分。 - **`&lt;p&gt;`**:定义一个段落。 - **`&lt;h1&gt;` 至 `&lt;h6&gt;`**:定义不同...

    自定义TextView首行缩进

    "自定义TextView首行缩进"这个示例就是针对TextView这一常见组件进行的扩展,目的是在显示文本时,使得第一行文本相对于其余行有额外的缩进,这种效果常用于段落的排版,增加阅读的舒适度。 首行缩进通常可以通过两...

    html漂亮的树形目录

    "html漂亮的树形目录"就是一种利用HTML(超文本标记语言)技术实现的视觉效果优秀的导航结构,它通常由一系列嵌套的无序列表(`&lt;ul&gt;` 和 `&lt;li&gt;` 元素)构成,通过CSS(层叠样式表)进行美化,为用户提供清晰的层次感...

    html语言语法大全

    &lt;p&gt;&lt;strong&gt;强调文本&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;强调文本&lt;/em&gt;&lt;/p&gt; &lt;p&gt;&lt;u&gt;带下划线文本&lt;/u&gt;&lt;/p&gt; &lt;p&gt;&lt;del&gt;被删除文本&lt;/del&gt;&lt;/p&gt; &lt;p&gt;&lt;ins&gt;插入文本&lt;/ins&gt;&lt;/p&gt; ``` #### 其他常用标签 - **`&lt;hr&gt;`**: 插入水平线,可设置宽度...

    ASP网络应用程序设计教程(第二版)例题源代码

    - **文本对齐**:`&lt;p align="center"&gt;`标签将文本居中显示。 - **字体颜色与类型**:`&lt;font color="blue"&gt;`和`&lt;font face="黑体"&gt;`分别设置了文本的颜色和字体类型。 #### 二、客户端动态网页示例(例1.2) 本例...

    html语法学习和掌握

    - **`&lt;blockquote&gt;`**:块引用标签,用于定义一段被引用的文本,通常会有缩进效果。 ### 3. 文本样式与颜色 - **`&lt;font color="#value"&gt;`**:设置文本颜色,其中 `#value` 应该是一个十六进制颜色值。然而,这个...

    Lesson01_04 格式标签与文本标签

    可以通过`&lt;p&gt;`标签的`align`属性来设置文本的对齐方式,如左对齐、右对齐或居中对齐。 - **右对齐**: ```html &lt;p align="right"&gt;右对齐的一段&lt;/p&gt; ``` - **左对齐**: ```html &lt;p align="left"&gt;左对齐的一段...

    Python模块 - Beautifulsoup中文手册

    # 获取第一个&lt;p&gt;标签的'class'属性值 print(soup.p['class']) # 输出:u'title' # 获取第一个&lt;a&gt;标签 print(soup.a) # 输出:&lt;a class="sister" href="http://example.com/elsie" id="link1"&gt;Elsie&lt;/a&gt; # 获取所有...

    HTML语言_范例.pdf

    这句话缩进表示引用&lt;/blockquote&gt;&lt;/p&gt; &lt;pre&gt;这是预设 (preformatted) 文本.&lt;/pre&gt; &lt;code&gt;call getOrders&lt;/code&gt; &lt;p&gt;用 code 显示计算机代码,code 里显示的字符是等宽字符。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` 10. ...

    第15章 CSS文本样式[下].pdf

    text-indent属性用于设置文本首行的缩进量,可以通过长度值(如px)来指定缩进的具体大小。 通过上述各个属性的讲解,我们可以发现CSS文本样式是网页设计中一个非常灵活且功能强大的工具,它能够让我们对文本内容...

    第15章 CSS文本样式[下]

    `text-indent`属性则可以设置段落首行的缩进。 七、文本装饰 `text-decoration`属性用于添加下划线、上划线、删除线等装饰,如`underline`、`overline`和`line-through`。`text-transform`可以控制文本的大小写形式...

Global site tag (gtag.js) - Google Analytics