html文字段落设置,css中怎么设置段落样式？

段落是文章的基本单位，也是网页的基本单位。段落的放置与效果的显示会影响到页面的布局和风格。CSS样式提供了多种属性，来实现对页面中段落文本的控制。

css设置段落样式的方法：

对齐方式通过 text-align属性进行设置，可以设置为左、中、右、两端对齐等，最常用的是左对齐，也是默认的对齐方式。

大纲级别的作用是修改段落的级别，可以把段落修改为标题 h1 ~ h6，设置为标题后，段落文本会加粗显示，同时字体大小也会发生变化。

在网页设计中，如果纯纯为了应用标题的样式，而把段落修改为标题，是笔者极力反对的作法，推荐使用CSS来控制样式。

缩进通过 text-indent属性进行设置，对于中文，最常用的就是首行缩进两个字符，文本到达容器边界而自动换行后，首行文本相对于其他行，会缩进两个字符。

当然，也可以设置为悬挂缩进，它跟普通缩进正好相反，首行文本相对于其他行，会突出两个字符。设置缩进时，建议使用 em 单位，这样，无论字体大小是多少，首行始终缩进 n个字符的宽度。如：p {

text-indent: 2em;

}

间距用来设置两个段落之间的垂直距离，通过段落的上下外边距来设置，margin-top 用来设置段前间距，marging-bottom属性用来设置段后间距。

默认情况下，段落为块级元素，两个相邻的垂直外边距相遇后，会发生外间距合并。所以，要给段前、段后分别设置 1 倍的行间距，就可以这么写：p {

maigin: 1em;

}

行距用来设置段落内发生换行后，两行文本基线间的垂直距离，实际上就是CSS中的行高，使用 line-height属性来设置。Word中的行间距是直接使用数字，而不是长度单位，因为这样会更灵活。在CSS中，也建议直接使用数字。如：p{

line-height: 2;

}

在CSS中，段落默认是块级元素，盒模型中的 width、height、padding、border、margin属性，都适用于段落。除了这些属性外，还可以设置段落的文字方向、背景、边框、多列等属性，也可以为段落应用鼠标特性、动画等属性。

html文字段落设置,css中怎么设置段落样式？相关推荐

css选择器下划线设置,css中怎么设置字体下划线
css中设置字体下划线的方法:1.使用"text-decoration:underline;"设置下划线样式:2.通过"border-bottom"属性设置下划 ...
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
html语言怎么改变文字大小,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...
html语言字体间距怎么设,css中如何设置字/行间距？
css中如何设置字/行间距?下面本篇文章给大家介绍一下使用css设置字间距和行间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用css设置字间距 letter-spac ...
HTML和CSS中如何设置中文字体
你是不是也遇到过这个问题:在HTML或CSS中怎么设置字体为宋体或楷体或黑体等等中文字体呢?下面就来解决这个问题. 用font-family:字体英文名即可. fon标记是HTML里最常用的文字格式 ...
html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
html中如何修改表格标题栏,如何设置css中表格标题caption标签的位置
如何设置css中表格标题caption标签的位置发布时间:2020-07-13 10:26:45 来源:亿速云阅读:182 作者:Leah 这篇文章运用简单易懂的例子给大家介绍如何设置css中表格 ...
html5如何设置字号,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...

html文字段落设置,css中怎么设置段落样式？

html文字段落设置,css中怎么设置段落样式？相关推荐

最新文章

热门文章