css行间距怎么设置

html-css034

css行间距怎么设置,第1张

CSS指的是层叠样式表,可以用CSS来修改网页的格式。下面,我们来看看css行间距怎么设置吧。

01

输入代码

在<body>主体中输入两行文字,如下图所示:

02

然后再用<br/>分段,如下图所示:

03

再输入type样式表,主要是用来放CSS代码内容的,如下图所示:

04

输入CSS内容

然后再输入CSS内容,即可看到行间距变化,如下图所示:

总代码

<style type="text/css">

body{font-size:12ptline-height:3}

</style>

</head>

<body>

<body>

hello world 01 <br/>

hello world 02

</body>

它们的区别主要有以下几点:

1、CSS有个属性叫做display,其取值可以为inline-block。W3CSchool中说display 属性规定元素应该生成的框的类型。

2、display:inline-block;可以让元素具有块级元素和行内元素的特性:既可以设置长宽,可以让padding和margin生效,又可以和其他行内元素并排。是一个很实用的属性。

3、元素可以设置weith和height,行内元素设置width和height无效,而且块级元素即使设置宽度也还是独占一行。

4、块级元素可以设置margin和padding属性,行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果,但是竖直方向的如padding-top和margin-bottom不会产生边距效果。

5、display其中块级元素对应display:block,行内元素对应display:inline。可以通过修改元素的display属性来切换行内元素和块级元素。

css 行内元素有哪些:* a - 锚点、* dfn - 定义字段、* em - 强调、* i - 斜体、* img - 图片、* strike - 中划线、* strong - 粗体强调、* sub - 下标、* sup - 上标、* textarea - 多行文本输入框、* tt - 电传文本、* form - 交互表单。

行内元素有哪些:a、b、span、img、input、strong、select、label、em、button。