CSS(一)CSS引入方式

内联样式

在html标签内使用属性style,style属性可以包含任何css属性。直观但不利于维护,不推荐

<p style=" font-size: medium;"> css内联样式</p>

内部样式

在html文件头部声明样式,是这个HTML文件都可以使用,但是不能作用于其他HTML文件

<head>
   <title>Document</title>
   <style>
       p {
           color: red;
           font-size: medium;
      }
   </style>
</head>
<body>
   <p> css内部样式</p>
</body>
</html>

外部样式

在HTML文件的头部通过<link>标签引用外部的css样式文件,易维护。

# html文件
<head>
   <link rel="stylesheet" href="./public.css">
</head>
<body>
   <p>css外部引用</p>
</body>
</html>
# css文件
p {
  color: red;
  font-size: 20px;
}
posted @   hjy1995  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示