内联样式
在标签内使用style属性指定css代码
如<div style = "color:red"> hello css </div>
内部样式
在head标签内部,定义style标签,style标签的标签题内容css代码
如:
<style>
div{
color: blue;
}
</style>
<div> hello css</div>
外部样式
定义css资源文件
在head标签内部,定义link标签,引入外部资源
<div> hello css</div>
<link rel="stylesheet" href="css/a.css">
div{
color: aqua;
}
注意:
1,2,3种方式 css作用范围越来越大
1方式不常用,后期唱 2,3
3种格式可以写为
<style>
@import "css/a.css";
</style>
css语法格式
格式:
选择器:{
属性名1:属性值1;
属性名2:属性值2;
.....
}
选择器:筛选具有相似的特征的元素
注意:
每一个对属性需要使用;隔开,最后一对可以不加
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)