8 人参与回答
首先,从功能上来说,这3个实现的功能是一样的,都能够达到对内容进行排版修饰。但是,从用法上来说,他们的使用方式是不同的。
外联样式表,是单独写一个以css为扩展名的文件,然后在<head></head>中使用<link>标签,将css样式链接到html中。举个例子:<link href="css样式的名字(一般自己取).css" rel="stylesheet" type="text/css">。
嵌入式样式表,这个可以理解为嵌套,现在<body></body>文本中写下需要的元素标签,比如span,然后在<head></head>中单独写一个css样式。举个例子:<head><style type="text/css">span{color:re;}</style></head><body><p>南安市武荣网络技术有限公司<span>专业建站。</p></body>。
内联样式表,这个是CSS样式里面最容易的,我们既不需要另写一个以“.css"为扩展名的文件,也不需要单独在<head></head>中设置样式,这里,我们可以直接写在<body></body>的元素标签中。举个例子:<body><p>南安市武荣网络技术有限公司<span style="color:red">专业建站。</p></body>
注:三种方式在实际使用中,权重优先级从高到低:嵌入>内联>外联。比较通用的样式适合抽离出来用外联,提高复用性,同时降低样式和内容的耦合;元素独立的不太多的样式感觉可以用嵌入式方便些。
百度一下