• 技术文章 >web前端 >css教程

    如何引用CSS文件到html网页里

    coldplay.xixicoldplay.xixi2021-04-29 10:35:34原创271

    引用CSS文件到html网页里的方法:1、直接在html标签元素内嵌入css样式;2、在html中使用style自带式;3、使用【@import】引用外部CSS文件。

    本教程操作环境:windows7系统、css3版,DELL G3电脑。

    引用CSS文件到html网页里的方法:

    1、直接在html标签元素内嵌入css样式,如<div style="font-size:14px; color:#FF0000;">我是div css测试内容-www.divcss5.com支持</div> 效果如下图

    f3614ac1909227af48796fd4d818ac7.png

    2、在html头部head部分内style声明插入代码如下:

    <style type="text/css"> 
    <!-- 
    .ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ 
    --> 
    </style>

    具体方法如下图:

    7d1a5f7dae6f0c81ddabbf39527830e.png

    3、使用@import引用外部CSS文件方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>css引用方法实例-www.divcss5.com测试实例</title> 
    <style type="text/css"> 
    <!-- 
    @import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/ 
    --> 
    </style> 
    </head> 
     
    <body> 
    <div class="ceshi">我是div css测试内容www.divcss5.com支持</div> 
     
    </body> 
    </html>

    相关教程推荐:CSS视频教程

    以上就是如何引用CSS文件到html网页里的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:CSS文件 html网页
    上一篇:详解三种CSS3模糊背景效果(代码实例) 下一篇:css如何设置div垂直居中
    第16期线上培训班

    相关文章推荐

    • div css怎么实现隐藏滚动条• css怎么设置文本颜色• css如何选择元素• css怎么设置文本框大小• css中auto什么意思• 详解三种CSS3模糊背景效果(代码实例)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网