CSS指的是层叠样式表,可以用CSS来修改网页的格式。下面,我们来看看css行间距怎么设置吧。
输入代码在<body>主体中输入两行文字,如下图所示:
然后再用<br/>分段,如下图所示:
再输入type样式表,主要是用来放CSS代码内容的,如下图所示:
输入CSS内容
然后再输入CSS内容,即可看到行间距变化,如下图所示:
总代码
<style type="text/css">
body{font-size:12ptline-height:3}
</style>
</head>
<body>
<body>
hello world 01 <br/>
hello world 02
</body>
这里分享下css段距/边距的方法。
设备:联想电脑
系统:xp
软件:代码编辑器zend studio 10.0
1、首先新建一个html文件,命名为test.html,在test.html文件中,在div标签内,使用p标签创建一行。
2、在test.html文件中,设置p标签的class属性为mytest。
3、在css标签内,设置div的样式,定义它的宽度为300px,高度为300px,边框为1px的红色边框。
4、在css标签内,通过class设置p标签的样式,使用margin-top属性定义它上外边距为50px,使用padding-top定义它上内边距为50px。注:margin-top属性和padding-top属性不同之外在于内与外边距的区别。
5、最后在浏览器打开test.html文件,查看实现的效果。
1、使用数值来设置行间距<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用数值来设置行间距</title>
<style type="text/css">
p.small {
line-height: 0.5
}
p.big {
line-height: 2
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。 默认行高大约是 1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。
</p>
</body>
</html>