HTML中引入CSS的方法

HTML中引入CSS的方法有四种:行内式、内嵌式、链接式、导入式

一、行内式

    在标签的style属性中设置CSS样式,比如:

        <p style="color:red;">字是红色的</p>

二、嵌入式

    写在<head></head>标签对中的<style></style>标签对中,比如:

        <head>

            <style>

                ……

            </style>

        </head>

三、导入式

    在<head></head>标签对中的<style></style>标签对中,导入外部的css文件,比如:


        <head>

            <style>

                @import"myStyle.css"   /*此处需要注意路径问题*/

            </style>

        </head>

    tip:加载网页后再加载css文件,所以页面开始不带样式,闪烁一下后,在显示带样式的页面

四、链接式

     在<head></head>标签对中的<link>标签中,导入外部的css文件,比如:

         <link href="mystyle.css" rel="stylesheet" type="text/css"/>  /*同样需要注意路径问题*/

    tip:和导入式不同,在加载网页前加载css文件,因此页面从一开始就是带有样式的。


原文出处:/show_1C7iZv9V900.html