CSS和HTML结合的方式

CSS和html结合的方式

方式一:通过style属性进行设置,style封装CSS代码,CSS代码体现的是键和值的关系,之间用:连接,键与键之间用;隔开.

              如: <div style="background:#CF3; color:#000;">

div演示区域

</div>

方式二:在head标签中写

              <styletype="text/css"> //type指定文本的内容

                     div{

                            background:#0F6;

                            color:#00F;

                     }

</style>

方式三:把CSS样式单独封装成文件,用的时候导入(在head标签中写)             

@import url(div.css);   //导入地址

多个的时候把导入语句都放在一个CSS文件中,再将该文件导入.

方式四:通过 link标签导入(在head标签中写加入)

              <link rel=”stylesheet”//连接的关系  type=”text/css” href=”div.css”  />

 

小知识点:

样式优先级

由上到下,由外到内.优先级由低到高.

CSS注释只有一种,多行注释