CSS的三种引用方式

CSS的三种引用方式

CSS的三种引用方式:内联式css样式、嵌入式css样式、外部式css样式。


内联式css样式


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        span{
            color:red;
        }
    style>
head> 
<body>
    <span>我是内联样式表span>
body>
html>

外部式css样式


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <link rel="stylesheet" type="text/css" href="css/outside.css">
head> 
<body>
    <span>我是外部样式表span>
body>
html>

内嵌式css样式


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head> 
<body>
    <span style="color:red">我是内嵌样式span>
body>
html>

你可能感兴趣的:(html,css)