日常开发小点汇总(2)之防止网络不佳,获取不到css,页面logo做法

防止网络不佳,获取不到css,页面logo做法

HTML 复制代码
 <div>
        <a href="//www.baidu.com"  class="logo">百度</a>
    </div>
CSS 复制代码
.logo {
    display: inline-block;
    width: 256px;
    height: 0;
    background: url(./logobai.png);
    background-repeat: no-repeat;
    padding-top: 100px;
    overflow: hidden;
}

当未加载出css样式的时候,页面显示

加载完css之后

相关推荐
学习指针路上的小学渣几秒前
JavaScript笔记
前端·javascript
取名不易1 分钟前
在 nuxtjs中通过fabric.js实现画图功能
前端
冰珊孤雪11 分钟前
Android Studio Panda革命性升级:内存诊断、构建标准化与AI调试全解析
android·前端
用户8061381665914 分钟前
避免滥用“事件总线”
前端
Xiaoke14 分钟前
我终于搞懂了 Event Loop(宏任务 / 微任务)
前端
@大迁世界16 分钟前
13.在 React 中应怎样正确更新 state?
前端·javascript·react.js·前端框架·ecmascript
终端鹿28 分钟前
Suspense 异步组件与懒加载实战
前端·vue.js
清风细雨_林木木31 分钟前
CSS 报错:css-semicolonexpected 解决方案
前端·css
Jinuss34 分钟前
源码分析之React中useRef解析
前端·javascript·react.js
cch891836 分钟前
css 样式说明,在页面布局开发中,样式表用于控制组件的尺寸、间距、边框及背景等视觉表现
前端·javascript·html