【CSS】之引入方式

在HTML中,引入CSS的方法主要有行内式内嵌式导入式链接式4种。

一、行内式

  即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。

<div id="test" style="width:20px; height:20px;"></div>

二、内嵌式

  在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便。如:

<style type="text/css"> 
  #test{
    width:20px;
    height:20px;
  } </style>

三、导入式

  导入式格式如下:

<style type="text/css">
    @import "mystyle.css";
</style>

 

四、连接式

  格式如下:

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。