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

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

第一种方法：通用方法

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

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

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

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

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

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

1、

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

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

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

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

点击开者工具，如图

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

举个例子，不知道你有没有接触过给文档排版的word软件，其实html与css的功能和word软件类似，我们在对文档排版的时候首先录入文本，然后我们借助word给文本标题设置字体大小，段落格式，文字颜色。录入文本其实就是给把文字放在html里的body标签里，设置段落格式就是把文本放在p标签里，设置文字颜色就用到css的font-color属性，说白了html就是给文本格式化，需要什么功能就填一个标签就能做到，而这个标签的各种属性，比如大小，颜色，边距还要css完成，所以加一个html标签就是为网页增加一个功能，而css就是给网页美化的，使网页能展示各种美丽的效果，一个什么颜色也没有并且没什么美观的网页没什么用户会浏览的，所以说css就是给网页美化说白了就是拍版，学完这俩还要学JavaScript，JavaScript可以更完美的提供更多的网页效果，因为编程可以模拟很多东西，只要在电脑上运行，无论什么都能模拟出来，当然媒介是电脑，所以说一张小小的网页用JavaScript更好的表现出来，希望你的学习一帆风顺。当然不是说只学JavaScript，css更要学好，这是基础，不过他俩的广义作用是相同的，有许多外国大牛不用JavaScript也能作出美丽的效果，比如鼠标移上去的tab选项卡，不过JavaScript只需加行代码，css就多了去了。

CSS代码是基于html代码的界面美化。单纯的CSS代码不能成为界面，但是没有css的HTML是可以组成界面的。 初学者需要的是一个网页制作的工具，建议安装frontpage 或者是 dreamweaver ，看教程再多，都不如找个人手把手教你一次，那是远程教学无法比拟的！

html是网页的基本语言，叫做超文本，css是网页制作时的一个技术，叫css层，具体说没有什么直接的联系，但是通过css层可以使网页统一风格，限定方式什么的，

HTML负责内容，CSS负责表现。做网页的原则之一就是内容与表现相分离，让HTML和CSS各司其责，这也是W3C的标准。