当前位置 : 主页 > 网页制作 > css >

CSS的引入方式

来源:互联网 收集:自由互联 发布时间:2021-06-13
CSS的引入方式 一、行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 p style="color: red"Hello world./p 二、内联样式 嵌入式是将CSS样式集中写在网页的标签对的标签对

CSS的引入方式

一、行内样式

行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。

<p style="color: red">Hello world.</p>

二、内联样式

嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下:

<head>
  <meta charset="UTF-8">
  <title>Title</title>
   <style type="text/css">
    /*写我们的css代码*/
        
    span{
    color: yellow;
    }

</style>
</head>

三、外联样式——链接式

外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。

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

四、外接样式——导入式

<style type="text/css">
        @import url('./index.css');
</style>
上一篇:css介绍
下一篇:css选择器
网友评论