Loading

上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 38 下一页
摘要: <body> <!-- h1里面嵌套a,并且有网站名,方便seo --> <h1> <a href="#">小米官网</a> </h1> </body> <style> a { display: block; width: 55px; height: 55px; background: url(lo 阅读全文
posted @ 2018-04-13 13:53 澎湃_L 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1.怎么找到网站的图标: 网址/favicon.ico 代码引入 后续待补充>... 2.转换ico图标网站——比特虫(http://www.bitbug.net/) 阅读全文
posted @ 2018-04-13 11:13 澎湃_L 阅读(1671) 评论(0) 推荐(0) 编辑
摘要: 一、什么是字体图标: 1. 字体图标可以和图片一样改变透明度,旋转度,等等 2.本质是文字,可以改变大小颜色等等比较适用于移动端 总结;图标字体具有矢量效果,放大缩小不失真,而且可以使用CSS任意更改图标字体的颜色,能够缩小源文件的体积,减少http的请求,提高页面的性能. 二、推荐的网站: 1. 阅读全文
posted @ 2018-04-13 11:01 澎湃_L 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 首先,我们应该知道引入精灵图的原因: 具体是因为,网页上面的每张图片都要经历一次请求才能展示给用户,小的图标频繁的请求服务器,降低页面的加载速度,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,因此,产生了css精灵技术。 其次,我们应该知道精灵图和图标字体(有文章介绍)在使用的过程中 阅读全文
posted @ 2018-04-13 09:56 澎湃_L 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 如下图所示,每个导航栏目的文字个数不一样多,有的长,有的短,如何用一张背景图片,适应不同字数”的导航条,“滑动门”设计的非常巧妙,采用两个相同的背景图像,一左一右,一个负责提供左边框,一个负责提供右边框。如下图所示,当需要容纳较多文字时,重叠就少一些,而需要较少文字时,重叠就多一些。两个图像可以滑动 阅读全文
posted @ 2018-04-13 09:46 澎湃_L 阅读(369) 评论(0) 推荐(1) 编辑
摘要: 阅读全文
posted @ 2018-04-11 10:07 澎湃_L 阅读(373) 评论(0) 推荐(0) 编辑
摘要: <body> <div>一定要首先强制一行内显示,再次和overflow搭配使用,三个步骤缺一不可</div> </body> <style> div{ border: 1px solid #000; width: 250px; white-space: nowrap;/* 第一,强制一行*/ ov 阅读全文
posted @ 2018-04-11 09:58 澎湃_L 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 利用display:none和display:blocks设置鼠标经过的一个效果。 注意的几个点:1.子绝父相定位 2.设置百分比宽高 3.播放按钮放用背景图做 4.a:hover .mask的写法 阅读全文
posted @ 2018-04-10 15:34 澎湃_L 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 1、display:none,不会占位置,下面的盒子顶上来了,与之对应的是display:block,和js搭配用来做特效。 2、visibility: hidden隐藏元素以后占位置下面的盒子顶不上来,与visibility: hidden对应的是visibility: visible 3、ove 阅读全文
posted @ 2018-04-10 15:27 澎湃_L 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 这样写完之后,会发现中间边框明显更粗,因为是两个盒子的边框并在一起。 解决方法是设置负的margin值 然后我们设置鼠标经过盒子的样式,会发现,有盒子边框有一边不会变色 解决方法是:使用相对定位可以解决,如果li本身就具有定位,这时候可以使用z-index提高层级 阅读全文
posted @ 2018-04-10 15:04 澎湃_L 阅读(632) 评论(0) 推荐(0) 编辑
上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 38 下一页