9.10 h5日记
9.10
1、什么是属性
属性是表示某些事物的一些特征
2、属性分为标签属性和样式属性,二者的区别在于哪里
标签属性:<img src="01.jpg" width="100px" height="100px"/>
样式属性:
<style>
p{
color:red;
}
</style>
二者位置不同,写法也不同
3、选择器
(1)标签选择器
(2)id选择器
(3)class选择器
(4)后代选择器 标签嵌套多层关系,包括一层
(5)子代选择器 标签嵌套一层关系
(6)交集选择器 例如:id=a1 class=a2 则 #a1.a2
标签的样式由什么决定?由选择器的权重!
标签选择器的权重为1
class的权重为10
id的权重为100
权重是可以叠加的
!important;权重无限大
PS:浏览器怎么执行代码:从上往下,从左到右。
4、CSS
CSS是层叠样式表,是为了给html添加样式的文件
网页中如何嵌套style样式?有四种方法
(1)行内样式 将style当做属性写在标签里,键值对在属性值中该怎么写就怎么写 PS:权重值1000!
(2)行间样式 将style当做标签使用,写在head之间,键值对该怎么写就怎么写
(3)将CSS文件当做style来用,从外部引入
<link type="text/css" rel="stylesheet" href="引入文件路径">
href和rel必不可少
(4)嵌入式
01.CSS ← 02.css
@impor URL(02.css)
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 理解Rust引用及其生命周期标识(下)
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· C# 13 中的新增功能实操
· Ollama本地部署大模型总结
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(4)
· langchain0.3教程:从0到1打造一个智能聊天机器人
· 2025成都.NET开发者Connect圆满结束