请问，css控制段落第一行不缩进，其余的都缩进2个字符

ljm19891118 2012-05-06 11:19:57

每一行缩进：padding-left:2em
每一段缩进：text-indent:2em
但是如何控制，第一行不缩进，其余的都缩进2个字符

...全文

1282 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

老沙yb 2014-04-01

打赏
举报

text-indent: -1em;

ljm19891118 2012-05-06

打赏
举报

<p style='margin-left:21.0pt;text-indent:-21.0pt;line-height:150%;'>

尝试出来了、

去圣西罗-为尤文喝彩 2012-05-06

打赏
举报

<p style='margin-left:21.0pt;text-indent:21.0pt;line-height:150%;width:50px;'>每一行缩进：padding-left:2em
每一段缩进：text-indent:2em
但是如何控制，第一行不缩进，其余的都缩进2个字符</p>

想让段落前面空两个字的距离不使用空格了，text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字，感兴趣的朋友可以参考下，希望对大家有所帮助

《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要：本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计。具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》图书目录：第1章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 什么是Web标准 1.1.2 Web表现层技术 1.1.3 Web标准的历史 1.2 Web标准的构成 1.2.1 结构(Structure) 1.2.2 表现(Presentation) 1.2.3 行为(Behavior) 1.3 Web标准有什么好处 1.4 CSS布局与table布局的区别 1.4.1 CSS 2.0的优势 1.4.2 传统的table布局与CSS布局 1.5 向Web标准过渡 1.5.1 从HTML转向XHTML 1.5.2 发挥CSS 2.0的作用 1.6 常见问题 1.6.1 什么样的网站才符合Web标准 1.6.2 使用Web标准之后表格还有用吗 1.6.3 可以继续使用HTML来设计网页吗 1.6.4 为什么不直接使用到XML 1.6.5 学习CSS布局比表格困难吗 1.6.6 CSS布局是否意味着必须手写代码 1.6.7 什么叫网站重构 1.6.8 使用Web标准之后就不再存在兼容性问题了吗 1.6.9 有没有Web标准方面的优秀图书或网站 1.6.10 使用CSS设计只能做出简单的网页吗 1.7 面向现在与未来的设计 1.7.1 Web标准与Web 2.0 1.7.2 用户体验技术 1.7.3 用户体验设计的发展趋势第2章 XHTML与CSS基础 2.1 XHTML基础 2.2 选择合适的DTD 2.3 选择合适的标签 2.4 给CSS留下接口 2.5 良好的XHTML编写习惯 2.6 CSS语法结构 2.6.1 CSS属性与选择符 2.6.2 类型选择符 2.6.3 群组选择符 2.6.4 包含选择符 2.6.5 id及class选择符 2.6.6 标签指定式选择符 2.6.7 组合选择符 2.6.8 伪类及伪对象 2.6.9 通配选择符 2.7 CSS数据单位 2.8 应用CSS到网页中 2.8.1 行间样式表 2.8.2 内部样式表 2.8.3 外部样式表 2.9 样式优先权问题 2.9.1 写法优先权 2.9.2 选择符优先权 2.9.3 样式继承 2.9.4 !important语法 2.10 代码注释 2.11 CSS开发环境与调试环境第3章 CSS网页布局与定位 3.1 认识div 3.1.1 div是什么 3.1.2 如何使用div 3.1.3 理解div 3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 高度自适应 3.10 盒模型详解(.Box Model) 3.10.1 什么是盒模型 3.10.2 盒模型的细节 3.10.3 上下margin叠加问题 3.10.4 左右margin加倍问题 3.11 深入浮动(Float) 3.11.1 文档流(Document Flow) 3.11.2 浮动定位 3.11.3 浮动的清理(Clear) 3.11.4 何时选用浮动定位 3.12 绝对定位与相对定位 3.12.1 绝对定位 3.12.2 相对定位 3.12.3 何时选用绝对与相对定位第4章 CSS网站元素设计 4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景属性缩写 4.2.6 基于背景控制的导航优化 4.3 使用列表元素 4.3.1 ul无序列表 4.3.2 ol有序列表 4.3.3 改变项目符号样式 4.3.4 使用图片自定义项目符号 4.3.5 使列表变为段落 4.3.6 列表缩进排版 4.3.7 复杂列

课程目标HTML和CSS是组成WEB前端开发最核心的技术，结合第一季的HTML课程，然后再来学习这套CSS课程，你将会获得更多的体验。启发式教学，每一节课程都有案例演示，让你从头到尾学习毫无压力。课程简介CSS主要用于对网页中字体、颜色、背景、图像及其他各种元素的控制，使网页能够完全按照设计者的要求来显示。本季课程讲解了一些关于CSS的基础知识，通过学习这个季课程，你可以简单的知道CSS到底是什么，其实这就足够了。通过案例的形式，让你一点点的学会CSS的基础语法，案例配有源代码，你可以在课程中很清晰的看到这些代码是如何写出来的，最终实现页面的灵活布局和美化。课程内容包括：CSS使用的三种方式，CSS基础知识，CSS选择器，什么是盒子模型，如何设置网站的首页，CSS的定位机制，结合案例演示，掌握实战技能。

主要包含HTML5+CSS3基础知识，各种常用标签的意义及基本用法示例。 HTML5部分具体内容包括：语义化标签：段落标签，标签自定义文字样式，标题标签，块，标签定义头部，标签定义底部，标签定义正文区段，标签定义侧边栏区域；效果标签：标签实现换行效果，特殊字符实现空格效果，标签实现水平线；列表标签：使用实现无序列表，使用实现有序列表；使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格；表单标签：使用创建表单，文本输入框，密码输入框，数字输入框，网址输入框，邮箱输入框，创建文本域，单选框，复选框，使用select、option创建下拉菜单，提交按钮，重置按钮； CSS3部分具体内同包括: css引入方式：内联式，嵌入式，外部式，三种链接方式优先级； css选择器：标签选择器，类选择器，ID选择器，后代选择器，通用选择器，伪类选择器（给html标签的某种状态设置样式），分组选择器；样式继承，优先级，最高层级！important； css字体样式：font-family设置字体系列，font-size设置字体大小，font-weight设置字体粗细，font-style设置字体样式，color设置字体颜色的三种形式，font的简写； css文本样式：使用text-decoration添加文本修饰，text-indent：2em添加首行缩进俩字符，line-height设置行间距，letter-spacing设置字符间距，word-spacing设置英文单词间距，text-align设置文本对齐方式； css盒模型：块级元素，内联元素，内敛块状元素，none使元素隐身，设置宽度、高度、背景色、边框、圆角，padding内边距，margin外边距； css布局模型：流动模型flow，浮动模型float，层模型layer，层模型的绝对定位、相对定位、固定定位，相对定位与绝对定位组合； css弹性盒模型：flex属性，横轴排列，纵轴排列，flex占比；行内元素水平居中设置；定宽块状元素水平居中设置；已知宽高实现盒子水平垂直居中；不知宽高实现盒子水平垂直居中。

1. 首行缩进你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格键好像起不了作用了。当然，你可以用来代替一个空格，但这不是理想的方式，用CSS吧，简单，有效：

你的内容

这样的话，这个有style="text-indent:2em;"段落就会显示两个字符的缩进了。缩进更多? 修改2em, 2表示2个字符，你可以相应增加或者减少。下面是一个示例，来自李白的诗：紫阁连终南，青冥天倪色。凭崖望咸阳，宫阙罗北极。万井惊画出，九衢如弦直。渭水银河清，横天

CSS

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章