`

text-indent属性

    博客分类:
  • css
 
阅读更多
http://www.w3cschool.cn/pr_text_text-indent.html
规定文本块中首行文本的缩进。
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>

p {text-indent: 1cm}


允许使用负值。如果使用负值,那么首行会被缩进到左边。查看网站的例子发现:
<div class="header">
    <div class="header-inner">
        <h1 class="logo">
            <a href="http://www.wandoujia.com/" class="pngFix">豌豆荚</a>
        </h1>
    </div>
</div>

 .header .logo a{text-indent: -9876px;}

将关键字隐藏处理的同时又避免了页面没有关键字而降低被搜索效率。
分享到:
评论

相关推荐

    IE7部分标签(span、input )设置text-indent:-9999px后不在相应位置显示

    1. **text-indent属性的使用**: text-indent属性在CSS中用于定义首行文本的缩进。通常情况下,当设置一个正值时,文本会向右移动;当设置为负值时,则文本会向左移动。该属性常用于段落首行缩进,使得文本的格式...

    IE6中a标签同时使用inline-block与text-indent时出现的BUG

    在本文中,我们将深入探讨一个特定的问题:在IE6中,当`&lt;a&gt;`标签同时使用`inline-block`和`text-indent`属性时出现的显示异常。 `inline-block`是一个CSS布局属性,它使元素表现得像内联元素,但同时允许设置宽度、...

    web开发中的CSS文本属性.docx

    文本缩进是指在元素的第一行添加一个缩进的距离,可以使用 text-indent 属性来实现。该属性可以将所有元素的第一行缩进一个给定的长度,甚至该长度可以是负值。例如,使用以下规则可以使所有段落的首行缩进 5 em: ...

    HTML5&CSS3网页制作:文本外观属性.pptx

    首行缩进可以通过text-indent属性设置,例如1em表示一个字的宽度。 文本装饰 文本装饰可以通过text-decoration属性设置,例如underline、overline、line-through等。 省略标记 省略标记可以通过text-overflow...

    css overflow与text-indent:-999em 字体隐藏

    这时,我们就需要一种方法来“隐藏”文本,而`text-indent`和`overflow`属性在CSS中提供了这样的功能。 `text-indent`属性用于设置文本首行的缩进,但也可以作为隐藏文本的一种手段。例如,`text-indent:-9999px;`...

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

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

    dreamweaver怎么设置段落首行自动缩进两个字符?

    2. 在标签内定义段落p的样式,并设置text-indent属性。例如:&lt;style type="text/css"&gt;p {text-indent:2em;}。 3. 这样,所有使用标签的段落文本首行都会自动缩进两个字符。 需要注意的事项有: - CSS代码中使用的...

    css常用代码大全.doc

    * 缩进:text-indent 属性用于设置文本的缩进,取值可以是数值。 * 垂直对齐:vertical-align 属性用于设置文本的垂直对齐方式,取值可以是 baseline、sub、super 等。 方框属性: * 宽度:width 属性用于设置元素...

    CSS实现段落首行缩进两个字符不再使用空格

    CSS(Cascading Style Sheets)提供了一个优雅的解决方案——`text-indent`属性,专门用于实现文本的首行缩进。 `text-indent`属性允许开发者指定元素内的首行文本相对于该元素的左边界缩进的距离。在中文排版中,...

    让超链接文字隐藏掉css代码.docx

    这时,我们可以利用CSS(Cascading Style Sheets)中的`text-indent`属性来达到隐藏超链接文字的效果。本文将详细介绍如何使用`text-indent`属性以及这种方法的适用场景。 `text-indent`是CSS中的一个布局属性,...

    CSS 常用设置备忘

    通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em: p {text-indent: 5em;} ...

    让超链接文字隐藏掉css代码.pdf

    本文将详细介绍如何通过CSS的`text-indent`属性来实现这一目的。 `text-indent`属性是CSS中一个非常实用的文本布局工具,它主要用于设置文本块的第一行的缩进。默认情况下,这个属性通常用于调整段落的首行缩进,...

    CSS的知识点归纳总结

    比如文本颜色(color)属性可以改变文本的颜色,text-indent属性用于设置文本块中第一行的缩进,text-align属性用于设置文本的水平对齐方式,word-spacing属性用于设置单词之间的间隔,text-transform属性用于改变...

    CSS教程:text-indent隐藏文字出现虚线框outline

    在本文中,我们将探讨一个特定的CSS问题,即如何使用`text-indent`属性来隐藏文字,并处理在Firefox浏览器中可能出现的虚线框(outline)问题。 首先,我们经常使用`text-indent`属性来隐藏文字,特别是当链接使用...

Global site tag (gtag.js) - Google Analytics