在网页中使用精灵图
- 1、书写一个盒子
- 2、设置盒子的宽高和精灵图中小图片的大小保持一致
- 3、设置盒子的背景图为精灵图
- 4、设置背景图片的位置（background-position），此时坐标需要取负值设置！！
写出过渡的代码
-
过渡的作用
- 让元素的样式慢慢的变化
-
过渡的代码
-
属性名
- transition
-
属性值
-
过渡的属性 all
-
所有可以过渡的样式都有过渡的效果
-
-
单独的属性名
- width
-
过渡的时间
- 数字+s（秒）
-
SEO三大标签分别有哪些
-
title标签
- 网页的标题
-
description标签
- 网页的描述
-
keywords标签
- 网页的关键词
常见的有语义布局标签
-
网页的头部
- header
-
网页的导航
- nav
-
网页的底部
- footer
-
网页的侧边栏
- aside
-
网页的区块
- section
-
网页的文章
- article
在网页中使用favicon.ico图标
- link标签
- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
CSS样式补充
-
精灵图
- background-size
-
阴影
- 文字阴影 text-shadow
- 盒子阴影 box-shadow
-
过渡
- transition
