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

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

    博客分类：
  • CSS
XHTMLCSSHTML 
阅读更多

通过使用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
分享到：
| 第5章 字体
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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课件

    用于表示引文或引用文本，通常缩进显示，如： ```html &lt;blockquote&gt;这是引用的一段文本。&lt;/blockquote&gt; ``` 以上就是从给定文件中提取的关键HTML知识点，涵盖了HTML文档的基本结构、控制标记的格式及最常用的控制...

    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`可以控制文本的大小写形式...

    初学者代码加图片

    这句话缩进表示引用&lt;/blockquote&gt;&lt;/p&gt; &lt;pre&gt; 这是 预设(preformatted)文本. 在&lt;pre&gt;这个tag里的文本保留 空格和 分行。 &lt;/pre&gt; &lt;code&gt;callgetOrders&lt;/code&gt; &lt;p&gt;用&lt;code&gt;显示计算机代码，&lt;code&gt;里显示的字符是等宽...

Magicbox
Global site tag (gtag.js) - Google Analytics