css的几种引入方式

1.嵌入式

嵌入式是将CSS样式集中写在网页的<head><head/>标签对的<style></style>标签对中。格式如下

<head>

<style type="text/css">

...此处写CSS样式

</style>

</head>

2.行内式.

行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。

3.将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,标记也是写在标记中,使用的语法如下:

<style>标记也是卸载<head>标记找那个,使用语法如下:

<style type="text/css"> 

         @import"mystyle.css";此处要注意css文件路径

</style>

4.也是将一个.css文件引入到HTML文件中   <link href="mystyle.css" rel="stylesheet"type="text/css"/>

注意:导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。这是导入式固有的一个缺陷.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用html标签的style属性 属于最强的效果,会覆盖其他引入方式。 将代码写在页面 标签内 使用link标签...
    Yix1a阅读 317评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • 在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。 1.行内式 行内式是在标记的s...
    丁小时候阅读 6,782评论 0 3
  • Ji Lee 是一位韩国艺术家,曾任谷歌创意实验室总监,现任 Facebook 创意总监。以下是其创作的一组创意艺术字。
    凝视深渊阅读 612评论 2 2
  • 一直以来,自己并不擅长写东西,看到身边朋友们的优秀,今天起我也尝试着努力些,再努力些,让自己进步,哪怕只有一点...
    七七公主阅读 568评论 1 49