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)
通常标准是单独建个文件夹,专门用来放css的。如果要在页面写的话有三个地方可以写。
第一:<head></head>标签内,用<style type="text/css"></style>标记开始和结束,示例:
<head><style type="text/css">
css语句
</style>
</head>
第二个地方就是直接在html标签内写,比如div、p、span这些。示例:
<div style="css语句"></div><p style="css语句"></p>
第三个是在js里面写,这个我也不熟,就不给示例了,希望可以帮到你。
在head里面1.直接写在头上style里面,一大段,例:
body,td,th
{
font-family:
"宋体"
font-size:
12px
line-height:
120%
}
body
{
margin-left:
0px
margin-top:
0px
margin-right:
0px
margin-bottom:
0px
}
2.外部连接
<link
href="css/css代码.css"
rel="stylesheet"
type="text/css">
"css/css代码.css"是读取同级目录CSS下的<css代码.css>
css代码文件.
"../css/css代码.css"是读取上级目录CSS下的<css代码.css>
css代码文件.以次类推.
还可以加载网络CSS,这鸟事俺们做网站的一般不干