码迷,mamicode.com
首页 > Web开发 > 详细

HTML文件中css样式的引用

时间:2017-07-30 21:59:27      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:www.   div+css   public   import   text   type   char   头部   class   

1.1、直接在div中使用css样式制作div+css网页

如:

<div style="font-size:14px; color:#FF0000;">内容</div>

 

1.2、html中使用style标签

在html头部head部分内style标签插入css样式代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>css引用</title>

    <style type="text/css">

    .test{ font-size:14px; color:#FF0000}

    </style>

    </head>

    <body>

    <div class="test">内容</div>

    </body>

    </html>

 

1.3、使用@import引用外部CSS文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>css引用</title> 
    <style type="text/css"> 

    @import url(style.css);
  
    </style> 
    </head> 
    <body> 
    <div class="test">内容</div> 
    </body> 
    </html> 

 

 

1.4、使用link引用外部CSS文件 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>css引用</title> 
<link rel="stylesheet" href="style.css" type="text/css" />
    </head> 
    <body> 
    <div class="test">内容</div> 
    </body> 
    </html>

 

HTML文件中css样式的引用

标签:www.   div+css   public   import   text   type   char   头部   class   

原文地址:http://www.cnblogs.com/soulsjie/p/7260469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!