插入在css与html的区别

Q1.二者有何区别？

A1.写在css里面的是以背景图形式存在的，而写在html里的是以标签形式存在的，

在网页加载的过程中，以css背景图存在的会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签是网页结构（内容）的一部分会在加载结构的过程中加载，换句话讲，网页会先加载标签的内容，再加载背景，如果你用引入了一个很大的，那么在这个下载完成之前，之后的内容都不会显示。而如果用css来引入同样的，网页结构和内容加载完成之后，才开始加载背景，不会影响你浏览网页内容。

Q2.什么插入在css，什么插入在html里面？

A2.如果是装饰性的就写在css里面，如果是内容性的就写在html里面，

打个比方，你要做一个有漂亮边框的相册。那么修饰边框的就写在css里面，相框里面的内容照片就写在html里面。

Q3.不知道怎样问了，扩展点说就更好。

A3.以后的网页设计方向是表现层和内容层分离，css管表现，也就是显示效果，html管结构，内容结构的划分，这样代码要简洁易维护一些。关于其他回答中的“像这种属于表现层的东西都会被丢弃的”这种说法是不正确的，内容中的还是要使用图标而不是css背景来引入。而“css可以复用，不能复用”这种说法也不正确，网页加载过程中相同的会下载一次并保存在缓存里面，其他地方的使用了同样的是不会再去下载的。也可以复用。

HTML代码和CSS代码有什么区别:

第一种方法：通用方法

1、打开浏览器右键查看源码代码

2、打开一个网页，在该网页中点击左键，如图

3、点击查看源代码，如图，看到了吗，这一大堆字母就是你这个网页的源代码了。

4、上面那个太复杂了，点击工具，点击开发者工具，如图，

5、这样就可以见到更简截的源代码了，如图。

第二种方法：在IE浏览器中查看

1、

2、用IE浏览器打开一个页面，如图。点击网页，

3、点击查看源文件，如图

这样就看到了这个网页的源代码了，如图

4、这个太复杂了看不懂，同样可以看到简截的，点击工具，如图

点击开者工具，如图

5、在这里就看到了HTML代码和CSS代码，如图