WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>CSS的基本语法:CSS在本文档内的实现、调用外部CSS文件

CSS的基本语法:CSS在本文档内的实现、调用外部CSS文件

[ 录入者:91ctc | 时间:2012-02-03 08:43:41 | 作者: 91ctc| 来源:本站 | 浏览: 次 ]


1、CSS在HEAD内的实现

以<stytle>开始,以</stytle>,例如:

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>CSS在head内的实现</title>
  6. <style type="text/css">
  7. <!-- 
  8. .contain { border:1px solid #FF6633; width:100px; height:20px; margin:0px auto;} 
  9.   
  10. td { border:1px solid #FF6633; width:100px; height:20px; text-align:center}   
  11. a { color:#000000;} 
  12. -->
  13. </style>
  14. </head>
  15. <body>
  16. <div class="contain">
  17. </div>
  18. </body>
  19. </html>

2、CSS在BODY内的实现

主要是在标签中引用(内嵌式CSS),例如让<H3>标签的字体设置为10px,可以使用:

XML/HTML Code复制内容到剪贴板
  1. <body>
  2. <h3 style="font-size:10px"></h3>
  3. </body>

3、调用外部CSSlink链接法

XML/HTML Code复制内容到剪贴板
  1. <link href="static/index.css" rel="stylesheet" type="text/css" />

4、输入样式表(使用import载入外部CSS)

链接法不能同其他方法结合使用,但是输入法可以,例如:

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>输入CSS</title>
  6. <style type="text/css">
  7. <!--
  8. @import url(comm.css);
  9. .contain { border:1px solid #FF6633; width:100px; height:20px; margin:0px auto;}
  10.   
  11. td { border:1px solid #FF6633; width:100px; height:20px; text-align:center}
  12. a { color:#000000;}
  13. -->
  14. </style>
  15. </head>
  16. <body>
  17. <div class="contain">
  18. </div>
  19. </body>
  20. </html>

关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号