在html中怎样使用css样式?

html-css013

在html中怎样使用css样式?,第1张

在html网页中引入引入css主要有以下四种方式:\x0d\x0a(1)行内式\x0d\x0a

网页中css的导入方式\x0d\x0a\x0d\x0a(2)嵌入式\x0d\x0a\x0d\x0aP{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中,对于单个页面来说,这种方式很方便。\x0d\x0a\x0d\x0a(3)导入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css" \x0d\x0a\x0d\x0a\x0d\x0a(4)链接式\x0d\x0a\x0d\x0a \x0d\x0a导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。

在html中调用css文件步骤如下:

1、首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。

2、打开软件,点击file,选择New project,在弹出的对话框中,选择static web选项中的html5,点击next,在新对话框中,输入项目名称,点击finish。

3、新建一个文件,后缀为.css。

4、在body中添加一个元素h1,写上内容标题1,在css文件中设置标题1的颜色。

5、在html文件中,利用link标签,调用写好的css文件。

6、点击run,预览写好的效果。