Loading

摘要: 一、normallize.css(github的一个项目 点击进入链接 二、.其他的一些初始化(借鉴) article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display 阅读全文
posted @ 2018-04-13 14:26 澎湃_L 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 网站优化是指在了解搜索引擎自然排名机制的基础之上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键词的自然排名,获得更多的展现量,吸引更多目标客户点击访问网站,网站优化包括整站优化、站内优化、站外优化,就是时适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得搜索引擎排名靠前, 阅读全文
posted @ 2018-04-13 14:08 澎湃_L 阅读(199) 评论(0) 推荐(0) 编辑
摘要: <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) 编辑