CSS 与 HTML 关联方式详解

最新推荐文章于 2024-05-19 01:30:07 发布

Jeuin

最新推荐文章于 2024-05-19 01:30:07 发布

阅读量5.8k

点赞数 1

分类专栏： # CSS 文章标签： html css

本文链接：https://blog.csdn.net/Cleann/article/details/108315446

版权

首发地址： http://ieun.gitee.io/blog/pages/c5f19f/

CSS 与 HTML 关联方式共有三种：内联式、嵌入式、外联式，其中还包括了一种特殊的 @import 指令。本篇文章将详细介绍这四种关联方式以及它们之间的区别。

将样式代码通过 style 属性写在 HTML 标签中。多条 CSS 样式之间使用;隔开。

<p style="color:red;font-size:12px"></p>

将样式代码写在<style></style>标签中。通常情况下<style></style>标签写在<head></head>中，其涉及了页面渲染问题，后续会总结输出。

<head> 
  <style type="text/css">          
  span {
             
    color: red;
    font-size:12px；      
  }    
  </style> 
</head>

将样式代码写在单独的 CSS 文件中，通过 <link> 标签引用。通常情况下<link>标签也是写在<head></head>中。

<head> 
  <link href="demo.css

关注

专栏目录