第一种是小白式的写法,就是先写html再写css,一对一的写法,这种写法效率比较低下,同样的代码要写n遍
第二种写法是一些企业的内部的写法,就是先写功能css再利用html去引用相关的类,这样不仅省时间,效率也很高,别人的代码也可以加以利用,我比较推荐这样的一种写法!
另外我加一句,img为什么放多张照片的时候会有边距!这里的解决办法是这样的,可以将img空格删除掉,如果你用margin-left解决掉的时候,到时候再上传到服务器中就会发生错误,因为上传到服务器的时候,它会自动的将里面的空格删除,有的人说,删除空格怕什么,这种想法是不错,但是你要清楚的是,如果将img的空格删除了,那么,这些图片也都会连接在一起,如果这时你的margin-left还是用的话,那么这些图片就会挤进去!
这种现象也是一种bug,为什么img会有间距呢?这个就i是小知识,因为ing是行内块级元素,既包含了行内元素,又包含了块级元素,偏偏就是包含这个行内元素,因为行内元素又文本的特性,它的特性就是文字有空格的时候子让就会把空格带上去!