CSS 样式表引入的3种方式

CSS 全称为层叠样式表(Cascading Style Sheet),用来定义 HTML 文件最终显示的外观。HTML 文件里引入 CSS 样式有3种方式: 外部样式表、内部样式表、行内样式。

外部样式表

外部样式表通过 link 标签引入:

<link rel='stylesheet' type='text/css' href='https://www.test.com/test.css' />

link 标签中的 href 属性值就是样式表的 url。

内部样式表

内部样式表通过 style 标签引入:

 <style type = 'text/css'>
        div {
            background-color:red;
            border-width: 2px;
        }
  </style>

行内样式

行内样式定义在 HTML 标签的 style 属性里:

<div style='font-size:12px;background-color:red;'>Hello, World</div>

 

posted @   chaoguo1234  阅读(217)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)
点击右上角即可分享
微信分享提示