如何让上一个盒子和下面的盒子有间距

html-css010

如何让上一个盒子和下面的盒子有间距,第1张

一、打消凹凸机关隔绝距离

DIV之间距离

让两个高低构造DIV块距离为零,通常熟手在行在出产DIV CSS页面的时刻,不会思考到初始化CSS属性,如许各标签属性默许的CSS属性将会形成错位、兼容等题目。

如高下组织的2个box DIV块,中间有一定间距无法消弭

二、肃除DIV间距计划方法

在CSS里配置DIV标签各属性参数为0

div{margin:0border:0padding:0}

这里就设置装备摆设了DIV标签CSS属性相称于初始化了DIV标签CSS属性,这里设置装备摆设margin外边距为0;边框border属性为0与内补白也为0;这样相当于就初始化了DIV盒子之间距各属性隔断为0,何等就不会组成DIV直接有未必的隔绝距离。

只管引荐在制作斥地DIV CSS的时候最佳将网页CSS属性、经常应用网页标签初始化一下。

CSS初始化才能地址://www.css5.com.cn/mokuai/17.shtml

三、配置DIV盒子之间间距

以上是使用CSS革除盒子之间间隔。今后为人人引见设置盒子之间间距。

应用CSS花样单词为margin(可进入CSS margin教程相熟详细应用方式)。

1、设置对象的高下间距

.CSS5-a{margin:10px 0}

配置“CSS5-a”对象高下间距为10px,摆布为0

2、设置对象摆布隔断

.CSS5-b{margin:0 8px}

设置装备摆设“CSS5-b”对象高下间距为0,摆布为8px

3、设置装备摆设DIV盒子与上方相邻间距

.CSS5-c{margin-top:10px}

配置“CSS5-c”对象与上方相邻间距为10px

4、设置DIV盒子与下方相邻隔断

.CSS5-d{margin-bottom:10px}

设置装备摆设“CSS5-d”对象与下方相邻间距为10px

5、设置DIV盒子与左方相邻间距

.CSS5-e{margin-left:9px}

设置“CSS5-e”对象与左侧方相邻间距为9px

6、配置盒子与右方相邻隔断

.CSS5-f{margin-right:12px}

设置“CSS5-f”对象与右方相邻间距为12px

以上咱们为了方便介绍margin设置对象外间距,将对象分别CSS定名为".CSS5-a"至“.CSS5-f”,理论使历时刻加倍需求定名。

你这个问题问的挺不清楚的。。。首先,这个下划线起到的是语义分割的作用,你这个div应该是是底部的主体也就是footer的body,所以命名的时候就可以使用footerbody来命名,但这么写容易看上去不是很清晰,所以使用了下划线来分割,就变成了footer_body,.footer_body这个是因为css里面对应html中的class就是使用.来做对应的,所以是.footer_body这个样式可以控制

用来写markdown的文件了,写了几天有点小感触记下来

目录需要用toctree创建,同时可以在当前rst文件加入其它需要的文字以及内容

直接粘贴,断句用回车隔开,可以隔断文字(段落元素)

文字带标点( - XXXX / * XXXX)效果如下

由于使用vscode的时候直接线条歪楼(英文字符和中文等字符本身的一些问题),我是在一个txt里面画完之后再帖进去,基本都OK

表格这边基本就是原样画图,但是内部细节不可过多,目前会用简单表格和普通表格

除了直接使用符号进行表格绘制,还能通过csvlist、listtable等方法进行表格绘制

其他表格引入方式

不完整表格

可以用css文件进行样式修改(待继续研究)

.. table::

:class: XXXX

多个图片不连贯加入分隔

参考链接:sublime-and-sphinx-guide

效果如下:

猜测结构:`网站名字或者keyword<url>`_,其中下划线为关门符号,必须有,不然不生效,名称跟url中间没有空格

直接使用链接,则可以直接贴网站地址

可以设定自定义对象,包含内容后,用ref进行跳转 :ref: 对象名字<对象命名的内容>,需要有关门部分