区分html与css中的属性

CSS中id与Class的区别

1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."

2、id一个页面只可以使用一次；class可以多次引用。

3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；

4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。

margin与padding区别

边界(margin)：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。

padding称呼为内边距，其判断的依据即边框离内容正文的距离，而我喜欢CSS权威指南解释的“补白”（或者叫“留白”），因为他很形象。补白 (padding)：补白位于元素框的边界与内容区之间。很自然，用于影响这个区域的属性是padding。

Div与span的区别

DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。都允许多重嵌套主要用于应用样式表（共同点）。

两者最明显的区别在于DIV是块元素，而SPAN是行内元素(也译作内嵌元素)。

1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。

通过设置两者的display属性为下面的其中之一进行转换。

inline：默认。此元素会被显示为内联元素，元素前后没有换行符。block：指定对象为块元素，此元素前后会带有换行符。

src与href的区别

src 是指向物件的来源
href 是指向需要连结的地方

例如 <img src="data:image.jpg" />
就是 src 拿取 image.jpg 作为这个 img 的源档案… 就是 <img> 显示 image.jpg 的意思
例如 <a href="image.jpg" />
就是 href 跳转到 image.jpg… 就是网址会跳转到 image.jpg 的意思

CSS中font-family与font-face的区别

 

  在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。