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

    html怎么引用css?html引用css有几种方法

    云罗郡主云罗郡主2018-10-31 17:12:16原创10518
    如何在html中引入css?html引入css有哪些方法?怎么引用css文件?这些问题对于刚刚入门的css的新手都是很陌生的,那么html怎么引用css?html引用css有几种方法?下面我们来总结一下。

    微信截图_20181031164943.png

    一:html怎么引用css?html引用css有几种方法【推荐阅读:怎么引用CSS到HTML里

    1.在div中使用css样式,来实现应用css样式

    2.使用html中的style来引用

    3.使用@import来引用外部css

    4.使用link引用css文件

    二:html引用css方法的例子

    1.直接在html标签中元素中引用css样式,比如:

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

    2.也可以在html头部放入style样式,例如:

    <style type="text/css"> 
    <!-- 
    .ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ 
    --> 
    </style> 
    3.使用@import引用外部CSS文件方法,例如:
    <!-- 
    @import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/ 
    -->

    4、使用link来调用外部的css文件

    在head头部放置一个文件,该文件说明<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件。

    以上就是对html怎么引用css?html引用css有几种方法的全部介绍,如果你想了解更多有关HTML教程,请关注php中文网。

    以上就是html怎么引用css?html引用css有几种方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:class是什么意思?id和class有什么区别 下一篇:怎么利用css进行定位?css布局与定位详解
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• Javascript动态引用CSS文件的2种方法介绍_基础知识• PHP引用外部css有什么好处• 请问TinkpPHP引用css样式有关问题
    1/1

    PHP中文网