CSS笔记(22)

2022-09-20 19:37:10 浏览数 (1)

最近一直没更新,因为这个案例实在是太多了 麻烦 我好懒,所以进度超级慢...现在正在边看视频边敲...

现在在做品优购项目的案例,里面也有很多新知识需要记录一下,顺便把准备工作都记录一下,下次自己做的时候方便看.

favicon图标

我们看到打开一个标签页时前面的小图标就是favicon图标,如下图的京东小图标.

favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上,目前主要的浏览器都支持favicon.ico图标.

第一步使用PS切图即可.

第二步由于图片的后缀为.ico,所有需要转换成别的格式.

当我们转换好以后,直接将<link rel="shortcut icon" href=" /favicon.ico" /> 复制粘贴到<head></head>之间即可使用.

SEO(Search Engine Optimization)汉译为搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排行的方式.

SEO的目的是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度.

页面必须有三个标签用来符合SEO优化.

现在正式开始做了

SEO logo优化

因为现在在做的是公共部分的样式,所以做完顶部要开始做底部的了.

到这里就算是做完了公共部分的样式,接下来就是制作首页了.

其中有一个地方,我们设置了鼠标经过时出现边框,但是却出现了下图情况,图片往下抖了一下。这是因为本来没有边框,再给他加上一像素边框,所以势必会影响效果.

解决方案:让li本质上就有一像素边框,当我们鼠标经过时再换颜色,这样图片就不会抖动了.

终于到了注册页面了

总算总算是学完了这个玻案例,50多个视频……一会重温一遍视频自己敲一次

0 人点赞