9.14

今天是建哥第一天给我们讲课。上午主要学习了照片墙的操作过程,下午建哥让我们自己制作一个照片墙,把上午学到的东西运用到实际中去。最大的收获就是我对hover标签的应用更加熟练了,对相对定位和绝对定位有了更深层次的了解。

今日新知识点汇总...

box-shadow:8px 8pd 10px #666;

  代表盒子的阴影 x轴的参数值 y轴的参数值 模糊程度 颜色

transition:all 3s;

position:relative;z-index:1;

过滤动画  持续时间3秒

定位 相对定位 设置层级属性 数值越大层次越高

相对定位的元素 无论定位到哪里去 都不会影响其他的结构布局 

绝对定位的元素 定位后不占据原来的位置

position:absolute;right:0px;bottom:20px;

transform:rotate(-15deg);

位移 旋转 逆时针转动15度

title标签

在鼠标移入后会有提示信息 所有标签都可以加title

text-decoration:none;

去除a标签默认下划线

target="_blank"

target跳转设置 _blank 打开新页面 _self覆盖原页面

audio是插入音乐标签 autoPlay加载完后自动播放 loop循环播放 controls播放器控件

你可能感兴趣的:(9.14)