关于网页设计与制作课程的一些学习收获
web笔记
响应式设计的三种技术：弹性网络布局(fluid grid)、弹性图片/媒体（flexible images）、媒体查询(media queries)
在标签中使用媒体查询
使用@import导入CSS时使用媒体查询
关于视口的meta标签
useer-scalable=no 禁止用户缩放
悬停：hover
固定像素大小转换为比例大小 公式：结果=目标/上下文
Flexbox：
display：flex (把当前元素设置为一个Flexbox)
align-items（沿交叉轴对齐项目）
justify-content(左中右对齐文本)
更多Flexbox内容
<!DOCTYPE html>doctype是我们告诉浏览器文档类型的手段
lang属性指定了文档的语言。
更多HTML5内容
更多CSS3内容
text-shadow 文字阴影
box-shadow 盒阴影
linear-gradient 线性渐变
radial-gradient 径向渐变
filter 滤镜
在Web 页面中插入SVG
- 使用img标签
- 使用object标签
- 使用iframe标签
CSS3的三个主要代理——过渡（transition）、变形（transform）和动画（animation）
过渡相关的属性
transition-property ： 要过渡的CSS 属性的名字
transition-duration：定义过渡效果持续的时长 +transition-timing-function：定义过渡期间的速度变化（缓动函数） transition-delay：可选，用于定义过渡开始前的延迟时间
CSS 的2D 变形
scale：用来缩放元素（放大和缩小） translate：在屏幕上移动元素（上下左右） rotate：按照一定角度旋转元素（单位为度）
skew：沿X和Y轴对元素进行斜切
matrix：允许你以像素精度来控制变形效
CSS3 的3D 变形
flipper-horizontal 水平翻转 flippervertical 垂直翻转
perspective 透视 transform3d 3d变形
更多动画内容
更多HTML5表单元素内容
更多HTML5表单属性内容
以上仅为个人总结，如有错误或不足，欢迎指正。
2018.01.03 liho
