在html中怎样使用css样式?

html-css017

在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文件。但是链接式对于客户端用户浏览网站时,效果会好些。

一般来说只有3种:

1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:

<link href="css/style.css" rel="stylesheet" type="text/css">

2.在Html头部用<style></style>包起来,在这里面编写样式:

<style type="text/css">

*{

padding: 0margin: 0

}

</style>

3.在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的