src和href;link和@import;line-height行高赋值方式; 的区别
一.src和href的区别
1. src 用于替换当前元素
2.href 用于在当前文档和引用资源之间确立联系
3.src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置
4.href 是 Hypertext Reference 的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档
(链接)之间的链接
二.link和@import的区别
1. link 属于 HTML 标签,而@import 是 CSS 提供的,且只能加载 CSS
2. 页面被加载时,link 会同时被加载,而@import 引用的 CSS 会等到页面被加载完再加载
3. import 只在 IE5 以上才能识别,而 link 是 HTML 标签,无兼容问题
4.link 方式的样式的权重 高于@import 的权重
5. 当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只
有 CSS ,不是 DOM 可以控制
6. 合理的标签使用
三.line-height(行高)的三种赋值方式的区别(带单位,纯数字,比例(百分比))
1.带单位:px 不用计算,em 则会使元素以其父元素 font-size 值为参考来计算自己的行高
2. 纯数字:把比例传递给后代,例如父级行高为 1.5,子元素字体为 18px,则子元素行高为
1.5*18=27px
3. 百分比:将计算后的值传递给后代
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· Linux系列:如何调试 malloc 的底层源码
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 历时 8 年,我冲上开源榜前 8 了!
· 物流快递公司核心技术能力-海量大数据处理技术
· 四大AI编程工具组合测评
· 关于能否用DeepSeek做危险的事情,DeepSeek本身给出了答案
· 如何在 Github 上获得 1000 star?