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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 【.NET】调用本地 Deepseek 模型
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)