一般来说只有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直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
1.第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。
2.
第二种方式是内嵌样式,就是将CSS代码添加到<head></head>之间,并用<style></sty...
3.
第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。
CSS是样式层叠表,有三种引入方式。下面,我们来看看HTML样式CSS的三种写法吧。
行内样式CSS可以直接放到行内样式中引入即可,比如代码如下图:
<p style="color: bluebackground: red">
hello world!
</p>
嵌入式还可以采用潜入方式引入CSS,就是把CSS写到<style>标签中,这种方式比较实用,如下图所示:
<style type="text/css">
h1 {color: red}
</style>
<h1>helloworld</h1>
外部样式表还有一种叫做外部样式,也就是把CSS写在另外一张页面上,然后再引用到指定页面就可以了,这种也很常见。
@import url(main.css)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)