053288628280
您的当前位置:首页 > 技术支持 > 建站知识 >

css样式的几种使用方法

时间:2017-08-15

样式的使用共有4中方式,下面详细说明一下:

1.行内样式:就是在html标记中应用css样式,例如:

 

以下为引用的内容:

<h2><font color="#0000FF" face="黑体">CSS标记1</font></h2>
 <p>CSS标记的正文内容1</p>
 <h2><font color="#0000FF" face="黑体">CSS标记2</font></h2>
 <p>CSS标记的正文内容2</p>
 <h2><font color="#0000FF" face="黑体">CSS标记3</font></h2>
 <p>CSS标记的正文内容3</p>
 <h2><font color="#0000FF" face="黑体">CSS标记4</font></h2>
 <p>CSS标记的正文内容4</p>

 

如上面的在font标签使用color样式。

2.嵌入式样式:就是在<head></head>之间加上<style>标记。吧样式嵌入到网页中。

 

以下为引用的内容:

<head>
<title>页面标题</title>
<style>
<!--
h2{
 font-family:幼圆;
 color:red;
}
-->
</style>
   </head>

 

3.链接式的样式。这种样式在大型的网站会很好用的。每个网页通过一个<link href="1.css" type="text/css" rel="stylesheet"> 这样的语句。就可以吧外部的样式表链接到本页。

4.导入式。和链接式相似。如:

 

以下为引用的内容:

<head>
<title>页面标题</title>
<style type="text/css">
<!--
@import url(1.css);
-->
</style>
   </head>

 

 

相关文章

Copyright © 2009-2017 千龙网络 版权所有  鲁ICP备09004053号 TAG SITEMAP