CSS链接

将CSS样式表加入到网页时,分为以下几种方法:

1.将样式表内嵌到HTML文件中;

    是指样式文件写入到<style></style>标签之内,一般用于访问量比较大的页面,通过减少HTTP请求数而减轻服务器的负担。

    缺点:需要修改时之内对其所在页面进行修改,所以的样式表信息均列于HTML文件的顶部。

    <style type="text/css">

    ……

    </style>

 

2.将一个外部样式表链接到HTML文件中;

    在维护的站点很大的情况下必不可少的,使用方法:在网页<head>内使用</link>标签,而不使用<style>规则。

    <head>

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

    </head>

 

3.将一个外部样式表输入到HTML文件中;

   输入外部样式表的方法同链接的方法类似。不同之处在于链接法不能同其他地方方法结合使用,但输入法则可以。

   <style type="text/css">

      @import url(style.css);

      h1{color:#666;}   /** h2标题的字体颜色为灰色 **/

   </style>

 

4.将样式表加入到HTML文件行中。

   行内样式表的应用范围很小,只对具有style属性的标签元素有效,并且优先级也是很高的,只需要在HTML行中加入样式规则。

   <h1 style="color:#fff;font-size:12px;">h1的颜色,字体大小</h1>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值