CSS_01_CSS和html结合的方式3、4
第01步:编写第01个css样式:div.css
@charset "utf-8"; /*第01步:定义div:背景色、字体颜色*/ div{ background-color:#99C; color:#006 }
第02步:编写02个css样式:p.css
@charset "utf-8"; /*第02步:定义p:背景色、字体颜色*/ p{ background-color:#600; color:#0F0 }
第03步:编写03个css样式:span.css
@charset "utf-8"; /*第03步:定义span:背景色、颜色*/ span{ background-color:#0F0; color:#C00 }
第04步:编写04个css样式:all.css(引入前面的css)
@charset "utf-8"; /* 所有的css文件引入 */ @import url(div.css); @import url(span.css); @import url(p.css);
第05步:编写html界面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS样式学习</title> <link href="all.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- --> <div> 这是用引入的css样式实现的效div层果 </div> <span> 这是用引入的css样式实现的效div层果 </span> <p> 这是用引入的css样式实现的效div层果 </p> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 本地部署 DeepSeek:小白也能轻松搞定!
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)