1.在文件夹中创建一个“test”的html文件。如图所示
创新互联建站专注于企业全网营销推广、网站重做改版、南关网站定制设计、自适应品牌网站建设、成都h5网站建设、购物商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为南关等各大城市提供网站开发制作服务。
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px;}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
设定CSS控制元素内部的元素之间间距，首先需要理解的就是css中的margin和padding的意思和使用，具体用法，如图：
元素内部的间距，需要的就是有多个div的嵌套，或者说是有多个上下类的元素，通过给这些元素一个id或者是class，然后在用css来控制，具体看下代码：
html
head
style
#round{
width:400px;
height:200px;
}
#div2{
width:300px;
height:50px;
margin-top:10px; //距离上边的距离是10px
margin-left:20px; //距离左边的距离是20px
}
/style
/head
body
div id="round"
div id='div2'
p测试文字/p
/div
/div
/body
/html
CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。
输入代码
在body主体中输入两行文字，如下图所示：
然后再用br/分段，如下图所示：
再输入type样式表，主要是用来放CSS代码内容的，如下图所示：
输入CSS内容
然后再输入CSS内容，即可看到行间距变化，如下图所示：
总代码
style type="text/css"
body{font-size:12pt;line-height:3}
/style
/head
body
body
hello world 01 br/
hello world 02
/body
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。
2、其次，在index.html中的style标签中，输入css样式代码：li{padding-top: 49px;}。
3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。
元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：
h1 {padding: 10px 0.25em 2ex 20%;
也通过使用下面四个单独的属性，分别设置上、右、下、左内边距：
padding 简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。
1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件，里面放入几张图片：
2、然后在上方的style中设置css的样式，设置img的margin属性为“0 30px”即可，其中前一个数字表示上下的距离，后一个数字表示左右的距离。最后在调整统一一下图片的大小，方便观察效果：
3、最后打开浏览器，就会看到2张图片之间是有距离的效果了：
