浏览器网址样式修改

图片性能清单

• 选择正确的格式
• 尽可能使用矢量图
• 如果变化不明显，则降低质量
• 尝试新格式
• 使用工具和算法进行优化
• 学习 srcset 属性和 picture 元素
• 使用图片 CDN

srcset 属性

srcset 在分辨率切换场景中表现得非常不错 —— 当我们想根据用户的屏幕密度和大小显示图片时。根据 srcset 和 sizes 属性中一些预定义的规则，浏览器将会根据视口选择最佳的图片进行展示。这种技术可以节省带宽和减少请求

---

浏览器网址样式修改

配合 stylish 插件

百度首页样式修改

/* 隐藏底部 */
 #bottom_layer {
    display:none;
}
/* 搜索按钮 */
 #su {
    background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
    border-radius:0 8px 8px 0;
    color:#fff;
}
/* 搜索按钮 */
 .s-skin-hasbg .btn {
    background-position: -208px 0;
}
/* 搜索按钮 */
 #kw {
    border-radius:10px 0 0 10px;
}
#u_sp .s_bri {
    background: #404040;
    border-bottom: 1px solid #7d7d7d;
}
/* 壁纸 */
 .s-skin-container {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url('http://img.pconline.com.cn/images/upload/upc/tx/softbbs/1203/30/c0/11084223_1333038001044_1_1024x1024soft.jpg') !important;
}

 谷歌搜索样式修改

/* 取消广告 */
 #footcnt {
    display: none;
}
/* 壁纸 */
 div#viewport {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)), url('http://img.pconline.com.cn/images/upload/upc/tx/softbbs/1203/30/c0/11084223_1333038001044_1_1024x1024soft.jpg');
    opacity: 1;
}
/* 搜索框 */
 .RNNXgb {
    opacity: 0.4;
}
/* 取消语言 */
 #SIvCob {
    display: none !important;
}