![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端优化
fjxylin
这个作者很懒,什么都没留下…
展开
-
css常见元素通用样式表
@charset "utf-8"; html, body, a, h1, h2, h3, h4, h5, h6, p, a, b, i, em, s, u, dl, dt, dd, ul, ol, li, strong, span, table,th,tr,td, img, div, form,fieldset,legend, input, button, select, option, tex...原创 2020-01-04 20:56:09 · 422 阅读 · 0 评论 -
html css二级导航栏
二级导航栏制作: 1.将一级导航栏去除列表样式(list-style:none),并给予浮动,使其横向排列(float:left) 2.给每个li中添加一个<a></a>标签,给a设置样式,使其成为块级元素( display:block),这样只需要点击当前 li 范围区域即可触发a的跳转 3.给需要添加二级导航栏的li里面添加 ul>li ,给个类名,设置其...原创 2020-01-04 20:48:42 · 2998 阅读 · 1 评论 -
web前端sprite,精灵图,雪碧图
css sprite 俗称:精灵图,雪碧图,指将整个页面不同的图片or图标合并在一张图上; 优点:使用CSS Sprite 可以减少网络请求,提高网页加载性能,不会出现网页上端加载完毕下面还在加载中这一问题 缺点:如果后期更改其中某一图标,且其像素大小发生改变,需要重新对所有图标进行定位 精灵图制作: photoshop选择透明图层,将需要的图标和图片放入 测试用图: &l...原创 2019-12-18 15:30:41 · 721 阅读 · 0 评论