CSS与HTML的结合方式

 CSS是层叠样式表,可以将网页的内容和显示样式进行分离,提高了显示功能。
 CSS与HTML的结合方式有四种:
1,在每个HTML标签上面都有一个属性:style,把CSS和HTML结合在一起

<div  style="background-color:red;color:green;">内容</div>

2,使用HTML的一个标签实现:<style>标签,写在head里

<style  type="text/css">
    CSS代码;
</style>

eg:

<style type="text/css">
      div{
         background-color:blue;  背景色
         color:red;         前景色
        }
  </style>

3,在style标签里,使用语句(在一些浏览器中不起作用,不推荐使用)

@import url(css文件的路径)

4,使用头标签link,引入外部的除CSS文件(一般使用该方法)

<link rel="stylesheet" type="text/css" href="css文件路径"/>

猜你喜欢

转载自blog.csdn.net/brilliantZC/article/details/81772664
今日推荐