1、css设置图片距离可以用盒子模型的margin属性。首先用html编辑器新建一个html文件，里面放入几张图片。
2、然后在上方的style中设置css的样式，设置img的margin属性为“0 30px”即可，其中前一个数字表示上下的距离，后一个数字表示左右的距离。最后在调整统一一下图片的大小。
3、最后打开浏览器，就会看到2张图片之间是有距离的效果了。
CSS优点和缺点优点：1，CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容2，个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性3，使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量缺点：浏览器支持的不一致性
2.CSS
没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性1、html5使用link标签引入外围的css样式表。方法是首先打开hbuilder软件，在一个外部css文件中编写css代码，然后可以能过 link 引入到html中，这里设置了两个属性的字体和颜色属性：
2、在html文件中使用link标签引入刚刚写好的css样式表，其中href是相对路径，即相对于项目所在文件的路径。然后写两个标签，引入上述css文件里的样式：
3、最后打开浏览器，即可看到 上面的代码效果：
在CSS中hover用于选择鼠标指针浮动在上面的元素，语法“标签选择器:hover{样式代码;}”，用法：1、直接在悬浮元素上改变样式；2、改变子元素的样式；3、改变同级元素的样式；4、改变就近元素的样式等。
在CSS中有个hover属性，当鼠标移上去的时候可以将其激活，它可以用来实现类似于js的一些功能。