css样式中段首距离,或是说标签内首行缩进使用,text-indent: 5px;,letter-spacing:5px;是标签中的每个字与每个字中的间距设置。
成都创新互联专注于企业全网整合营销推广、网站重做改版、开封网站定制设计、自适应品牌网站建设、H5响应式网站、商城开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为开封等各大城市提供网站开发制作服务。
CSS指的是层叠样式表,可以用CSS来修改网页的格式。下面,我们来看看css行间距怎么设置吧。
01
输入代码
在body主体中输入两行文字,如下图所示:
02
然后再用br/分段,如下图所示:
03
再输入type样式表,主要是用来放CSS代码内容的,如下图所示:
04
输入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
我们使用css样式属性letter-spacing:+距离数字+html单位
如letter-spacing:15px;即设置了字与字距离间隔15px
1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px;}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的style标签中,输入css代码:.sub{margin-top: 30px;}。
3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。
块元素的之间的间距使用margin属性设置。
CSS margin 属性
定义和用法
margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
说明
这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
注释:允许使用负值。
例子 1
margin:10px 5px 15px 20px;
/*
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
*/
例子 2
margin:10px 5px 15px;
/*上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px*/
例子 3
margin:10px 5px;
/*
上外边距和下外边距是 10px
右外边距和左外边距是 5px
*/
例子 4
margin:10px;
/*所有 4 个外边距都是 10px*/
可能的值