请详细说明HTML文件使用css样式的几种方法?

html-css09

请详细说明HTML文件使用css样式的几种方法?,第1张

1.

第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。

2.

第二种方式是内嵌样式,就是将CSS代码添加到<head></head>之间,并用<style></sty...

3.

第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。

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

第一种方法:通用方法

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

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

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

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

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

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

1、

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

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

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

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

点击开者工具,如图

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

1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css样式代码要写在style=""双引号中才可以,如:<p style="color:red">这里文字是红色。</p>。

2、如果想让HTML标签和css样式区分开来,可以采取将css样式代码写在<style type="text/css"></style>标签之间,并且这里的<style></style>可以写在<head></head>标签之间或者<body></body>标签之间,效果都是一样的。

3、以上两种HTML和css的结合都是在同个页面,代码量多的情况下就不好区分了,这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档,然后将文档的扩展名改为“.css”。将该css样式文件与HTML放在同个磁盘中以便调用。

4、将css样式文件创建好后,使用Sublime编辑器打开css样式文件,在文件里面编写相应的css样式。

5、准备好这个css样式文件后,回到HTML文件,在<head></head>标签内使用<link>标签将css样式文件链接到HTML文件内,就完成了。