日常开发小点汇总(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之后

相关推荐
软件技术NINI6 分钟前
娃娃店html+css 4页
前端·css·html
wordbaby13 分钟前
TanStack Router 路径参数(Path Params)速查表
前端
盟接之桥1 小时前
盟接之桥--说制造:从“找缝隙”到“一万米深”——庖丁解牛式的制造业精进之道
大数据·前端·数据库·人工智能·物联网·制造
巴拉巴拉~~1 小时前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript
韭菜炒大葱1 小时前
现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀
前端·vue.js·vite
栀秋6661 小时前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?
前端·javascript·算法
Melrose2 小时前
Flutter - 使用Jaspr来构建SEO友好网站
前端·flutter
有点笨的蛋2 小时前
Vue3 项目:宠物照片变身冰球运动员的 AI 应用
前端·vue.js
盖头盖2 小时前
【nodejs中的ssrf】
前端
江城开朗的豌豆2 小时前
TypeScript和JavaScript到底有什么区别?
前端·javascript