day 31-css初步学习
两种改变html格式的方法:
-
内部style:
在title下添加<style>写选择器的声明
1 <!-- <style>--> 2 <!-- h1{--> 3 <!-- color: aqua;--> 4 <!-- }--> 5 <!-- </style>--> 6 <body> 7 <h1>我是标题</h1> 8 </body>
-
外部css
在外部创建css文件,在其中添加代码
1 h1{ 2 color: aqua; 3 }
css的导入方式
行内样式
直接在定义标签时设定行内样式
1 <h1 style="color: red">我是</h1>
内部样式
在html文件中定义style样式
1 <!-- 内部样式--> 2 <style> 3 h1{ 4 color: aqua; 5 } 6 </style>
外部样式
-
链接式
在css文件中定义,在html中使用link标签链接
1 /*外部样式*/ 2 h1{ 3 color: yellow; 4 }
1 <link rel="stylesheet" href="css/style.css">
-
导入式
1 <!--导入式--> 2 <style> 3 @import url("css/style.css");; 4 </style>
其中css/style.css是上述外部样式样式定义文件
优先级
1 <!--行内样式优先级 > (内部样式优先级 > 外部样式优先级)--> 2 <!--其余遵循就近原则,谁在上符合谁的设定-->
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗